mouse over i css ?

Idag kör jag följande...

<table width=100% border=0 cellpadding=4 style="border:2px solid eeeeee;" onMouseOver="this.style.border='2px solid blue';" onMouseOut="this.style.border='2px solid eeeeee';" OnClick="document.location.href='<%=myUrl%>'">

... vilket fungerar bra.

Undrar nu om det går att få mouse over funktionaliteten att ligga i min .css fil istället. Är det möjligt?

Jupp, med : hover

http://www.w3schools.com/css/css_pseudo_classes.asp

Tyvärr funkar : hover bara med <a>-taggen i IE. Men du använder ju tabellen lite galet, och vad händer t.ex om användaren har stängt av Javascript?

Använd alltid en <a>-tagg för länkar. Formatera den med CSS vid behov.

Edit: Hur stänger man av smilysar i inlägget? :-)

<a href="#">foo</a>

a { display:block; padding:4px; border:2px solid #eee; }
a:hover { border-color:blue; }