[html] Tabela Opcje

[Andrzej Sztuczka]

....

Ten post edytował Andrzej Sztuczka 16.08.2008, 22:24:59

[Dominik]

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