Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] Tabela
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Andrzej Sztuczka
....
Dominik
Cytat
Jak zrobić, aby #XXXXXX dla bgcolor w TD był na przemian raz np. ciemno-szary, drugim razem szary? itd.

W XHTML-u:
[xml:1:f57890987f]<table summary="">
<tr class="jasny">
<td>pierwsza</td>
<td>druga</td>
<td>trzecia</td>
</tr>
<tr class="ciemny">
<td>pierwsza</td>
<td>druga</td>
<td>trzecia</td>
</tr>
<tr class="jasny">
<td>pierwsza</td>
<td>druga</td>
<td>trzecia</td>
</tr>
...
</table>[/xml:1:f57890987f]
a w CSS
Kod
.jasny {background-color: #jasny}

.ciemny {background-color: #ciemny}

Za jasny wistawiasz hex i za ciemnt wstawiasz hex.
hawk
Musisz, generując tabelkę w php, przypisać co drugiemu wierszowi jakąś klasę lub styl CSS.

Jeżeli nie możesz zrobić tego w php, to zostaje jeszcze JavaScript. Można umieścić w onload funkcję która zmieni kolor co drugiego wiersza.
marlowe
Witam,
wg mnie można to zrobić po prostu tak:
[xml:1:084aad0906]<style><!--
tr.szary {background-color: #cccccc;
}
tr.ciemny {background-color: #eeeeee;
}
table {border-color: #ffffff;
}
--></style>
<table>
<tr class="szary">
<td>nick użytkownika 1</td>
<td>punkty użytkownika 1</td>
<td>inne uwagi</td>
</tr>
<tr class="ciemny">
<td>nick użytkownika 2</td>
<td>punkty użytkownika 2</td>
<td>inne uwagi</td>
</tr>
<tr class="szary">
<td>nick użytkownika 3</td>
<td>punkty użytkownika 3</td>
<td>inne uwagi</td>
</tr>
</table>[/xml:1:084aad0906]
Gotowego efektu w CSS zmiennych kolorów raczej nie ma. OCzywiście jeśli tabelę generujesz dynamicznie w php to możesz tam wstawić odpowiednie polecenie, które automatycznie będzie automatycznie nadawał klasę co drugiemu wierszowi.
Pozdrawiam
Bartek
marlowe
Czyli musisz coś takiego zrobić (napisałem to oczywiście bez wstawiania zawartości bazy danych no ale to już sam masz):
CSS:
Kod
<style><!--

tr.szary {background-color: #cccccc;

}

tr.ciemny {background-color: #eeeeee;

}

table {border-color: #ffffff;

}

--></style>

php:
[php:1:daec1f96f5]<?php
echo "<table>
while($licznik<10) {
if ($licznik % 2 == "0") {
$nazwa="ciemny";
}
else {
$nazwa="szary";
}
echo "<tr class='$nazwa'><td>komórka</td></tr>";
$licznik++;
}
echo "</table>
?>[/php:1:daec1f96f5]
Pozdrawiam
Bartek
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.