Keskustelu: Nettisivujen teko: css:n onmouseover-efektit

Olin aikeissa tehdä omille sivuille sellaisen navigaatiopalkin, joka olisi taulukosta tehty, eli taulukossa on vain rivejä, jossa jokaisessa rivissä on yksi linkki.
eli, sain css:n avulla taulukon ja joka solun luokan (class) vaihdettua, mutta onko mahdollista määrittää solun taustaväriä silloin, kun hiiri viedään solun ylle?
Ajattelin että sen voisi tehdä niin, että laittaisi soluun onmouseover-lisän ja se vaihtaisi solun classin. En kuitenkaan onnistunut.

voisiko joku auttaa?

http://koti.mbnet.fi/winuus/aktiivit.php on täynnä noita kikkoja ja toinen ratkaisu on käyttää laittaa css:llä linkeille display: block.

td:hover{ background-color: #uusväri;}

Toimii hyvillä selaimilla.

sain toimimaan koko solulle tällä:
<td width="100%" class="valikko1" OnMouseOver="this.style.background='#FF9933'" OnMouseOut="this.style.background='#FFFFFF'" OnClick="this.style.background='#FFB366'"></td>
mutta se pitää pistää joka soululle erikseen

näin menee vielä helpommin:
laittaa css-tiedostoon:

.valikko1
{border: 0px; background: #FFFFFF;}

.valikko2
{border: 1px solid black; background: #FF9933;}

ja sitten itse sivulle:

<td class="valikko1" onMouseOver="this.className='valikko2'" onMouseOut="this.className='valikko1'">

Tällä siis saa koko solun värin vaihdettua

Mutta nuo vaativat JavaScript-tukea, joten käyttö ei ole kamalan järkevää.

Fiksuinta on tehdä kuten Irksome jo sanoikin. Vaikkapa tätä voi soveltaa:

---- CSS ----
td a.navi {
   backgound: #654321;
   display: block;
   }
td a.navi:hover {
   backgound: #123456;
   }

---- HTML ----

<td><a class="navi" href="foo.bar">linkki</a></td>

Blazen mainitsema "td:hover{ background-color: #uusväri;}" ei ole hyvä, koska kun kursorin vie solun päälle, niin väri vaihtuu, mutta jos kursori ei ole samalla myös tekstin päällä, niin klikkaamalla ei tapahtu mitään.

PRKL!!! miksi helvetissä IE:stä puuttuu kaikkein tarvituimmat toiminnot? O M F G .