Как може да се направи при минаване с мишка да се сменя...

[tahys]

Имам една таблица.
Пример
<table>
<tr>
<td> tekst </td>
<td> tekst </td>
<td> tekst </td>
<tr>
</table>
Искам като мина през първият ред на таблицата(с мишката) да се сменя цветът на редът(фона му) и целият ред да е линк.

 

[shterev]

<ul>
<li><a href="#">link </a></li>
<li><a href="#">link </a></li>
<li><a href="#">link </a></li>
</ul>

ul li:hover{
background-color: red;
}

Може да направиш и самото а да му се сменя цвета, но от този код който си дал тази таблица е безсмислена

 

[bubust]

Нали знаеш, че така ще му излязат точките пред текста.


Може да стане така:
CSS

td.normal{
height: 20px;
color: #336699;
background-color: #fff;
}

td.normalon {
height: 20px;
color: #3366FF;
background-color: #c3c;

}

HTML:

<tr>
<td class="normal" onmouseover="this.className='normalon'"
onmouseout="this.className='normal'"><a href="index.html">Линкче</a></td>
</tr>

Сигурно има и по-елегантно решение.

 

[Anonymous]

Ползвай tr:hover

 

[shterev]

Нали знаеш, че така ще му излязат точките пред текста.


Може да стане така:
CSS

td.normal{
height: 20px;
color: #336699;
background-color: #fff;
}

td.normalon {
height: 20px;
color: #3366FF;
background-color: #c3c;

}

HTML:

<tr>
<td class="normal" onmouseover="this.className='normalon'"
onmouseout="this.className='normal'"><a href="index.html">Линкче</a></td>
</tr>

Сигурно има и по-елегантно решение.

Е кат не иска точки ще ги махне, къв е проблема! Просото точно тоя пример няма смисъл от тая таблица. Таблицата се използва за таблична информация, не за структуриране на сайт! А и няма смисъл да се услойнява с javascript допълнително, като може само с CSS

 

[tahys]

Ползвай tr:hover

Стана Благодаря