Tips&Tricks

til hjemmesiden, computeren og internettet

Tips & Tricks



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

Kunne du lide tippet? Abonner gratis på mine nyhedsmails og få friske tips hver uge: Tilmelding til Tips og tricks
Lige nu: Få e-bogen "701 Tips og Tricks" gratis (normalpris $11,83) ved tilmelding.


|