Avatar billede klasker Nybegynder
13. december 2002 - 11:30 Der er 10 kommentarer

Lysende TabelFelt med CSS?

Davs (igen).

Jeg har lavet en tabel, der består af en enkelt række.
Jeg vil gerne have at når man holder musen over et felt, så skal det ændre farve.
Jeg kunne sagtens lave det med en onMouseover og onMouseout, men jeg er ude efter en løsning i CSS.
Jeg har prøvet med
td:hover {
  background-color : green;
}

Men det virker ikke. Dvs. der er ikke noget der hedder td:hover.
Grunden til at jeg prøvede var, at man godt kan med a:hover.

Kan jeg med CSS få felterne til at lyse når jeg har musen over dem ligeså let som med links?
Avatar billede cdc Novice
13. december 2002 - 11:56 #1
du skal bruge:
background : #000000;
display:block;
width:100%;
Avatar billede cdc Novice
13. december 2002 - 11:56 #2
Avatar billede klasker Nybegynder
13. december 2002 - 13:57 #3
Igen har du vist misforstået mig :(
Prøv engang at læse mit indlæg.
I dit eksempel bruger du en onMouseover og en onMouseout.
Jeg skrev at jeg var ude efter en ren CSS løsning, ellers skal jeg jo skrive de events ind i alle mine menuer og undermenuer.
Avatar billede cdc Novice
13. december 2002 - 14:03 #4
min onmouseocver funktion er kun til at vise og skjule et layer, eksempelet var bare for at vise hvad der sker med bg farven i cellen
Avatar billede cdc Novice
13. december 2002 - 14:05 #5
se på en testside:
www.cdcmedia.dk/cement
Avatar billede klasker Nybegynder
13. december 2002 - 16:09 #6
Okay, hvad er det så der får menuen til at ændre farve når man holder cursoren over den?
Din a.menu:hover ændrer jo kun linkens egen farve. Eller gør den?
Avatar billede klasker Nybegynder
13. december 2002 - 16:15 #7
Ahhh, jeg tror jeg har forstået det nu.
background : (color) ændrer altså hele td'ens farve.
Jeg har ikke helt forstået hvorfor men det finder jeg nok ud af.
Tak for hjælpen /cdc. (hvis du lige lægger et svar så kan du få point)
Avatar billede cdc Novice
13. december 2002 - 16:17 #8
svarer :o)
Avatar billede cdc Novice
13. december 2002 - 16:17 #9
..
Avatar billede knudgert Nybegynder
13. december 2002 - 17:40 #10
>Men det virker ikke. Dvs. der er ikke noget der hedder td:hover.
>Grunden til at jeg prøvede var, at man godt kan med a:hover.

Jo, td:hover eksisterer skam og det virker også.
Bare ikke i IE, men i Mozilla, Netscape 6/7 og Opera gør det.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester