publikuj:

Opublikuj w wykop.pl

Opublikuj we flaker.pl

Opublikuj na OSnews.pl

Opublikuj w delicious

wydrukuj

skomentuj »

TAGI: tips & tricks , html

2011-01-31 11:00 | Paweł Gazda

Jak sprawić, aby tabela HTML zmieniała kolor po najechaniu na nią wskaźnikiem myszy

Jak sprawić, aby tabela HTML zmieniała kolor po najechaniu na nią wskaźnikiem myszy

W tym prostym tipsie pokażemy, jak sprawić, aby po najechaniu myszką nad tabelkę HTML zmienił się jej kolor. Zabieg ten sprawi, że tabelki będą się wyróżniały od reszty materiałów na stronie.

Cały wysiłek polega na dodaniu poniższego kodu wewnątrz tagów <tr> lub <td> tabelki:

onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'"

Pogrubiony tekst należy wyedytować według własnych potrzeb, pamiętając o tym, żeby nie wybierać koloru tła za bardzo zbliżonego do koloru tekstu, bo treść przestanie być widoczna.

Zatem, jeśli weźmiemy przykładową tabelkę:

<table style="width: 100%;" border="0">
<tbody>
<tr>
<td>Dane 1</td>
<td>Dane 3</td>
</tr>
<tr>
<td>Dane 2</td>
<td>Dane 4</td>
</tr>
</tbody>
</table>

to aby zmieniała kolor po najechaniu myszką, należy ją zmodyfikować w następujący sposób:

<table style="width: 100%;" border="0">
<tbody>
<tr onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'">
<td>Dane 1</td>
<td>Dane 3</td>
</tr>
<tr onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'">
<td>Dane 2</td>
<td>Dane 4</td>
</tr>
</tbody>
</table>

Ściąga z kolorów znajduję się np. TUTAJ.

Podoba Ci się ten tekst? Powiedz o tym innym na Fb: lub na G+:

publikuj:

Opublikuj w wykop.pl

Opublikuj we flaker.pl

Opublikuj na OSnews.pl

Opublikuj w delicious

wydrukuj

skomentuj »

Popularne 7 dni 30 dni

Społeczność komentarze forum

Polecane książki

Praca

Czytaj Webhosting

Chcesz być na bieżąco z naszymi informacjami? Zapisz się na Newsletter.

Śledź nas:

Zarejestruj domenę

Sprawdź dostępność swojej domeny:

.pl:	0 zł		.com:	19.90 zł
.com.pl:	0 zł		.eu:	19.90 zł