Få rækken til at lyse op med CSS
Sat på siden 24-02-2005
En webmaster bør altid tænke på sine gæster. Siden skal derfor være let at læse, hurtig til at loade og ikke kræve plugins eller andet. Enhver browser, der understøtter den vedtagne standard, bør kunne se siden.
Det er ikke alle browsere, der er indstillet til at vise JavaScript. Jeg har tidligere bragt et tip om, hvordan man kan få en tabel-række til at lyse op, når man holder musen over den. I det tip brugte jeg et JavaScript.
Her bruger jeg udelukkende to linjers CSS. Det fylder mindre, og CSS loader hurtigere.
Prøv at se resultatet her:
www.tips-og-tricks.com/eksempler/highlightrow2.html
Koden, jeg har brugt, er såmænd bare:
.datatable tr:hover {
background-color: #DFE7F2;
color:
#000;
}
Inden i tabellen har jeg tilføjet klassen "datatable" sådan her:
<table class="datatable">
Kan det være mere enkelt?
Nå, ja, IE version 6 er desværre endnu ikke nået til at understøtte CSS2, som ellers har været på banen i en hel del år nu. Det bliver spændende, om de finder ud af det til version 7.
Tippet har jeg snuppet fra denne bog, som jeg nødigt ville undvære: www.kortlink.com/cssbog2