Avatar billede silke4ever Nybegynder
07. marts 2004 - 11:17 Der er 11 kommentarer og
1 løsning

Mouse over skift farve

Hej

Jeg har p.t. menu, hvor jeg gerne vil have at rækken <tr> skifter baggrundsfarve, når jeg kører musen (mouse over) hen over rækken, hvordan gør jeg det?

Hvis jeg har en rækker med to koloner, kan jeg så få mouseover til at skifte begge koloner farver ud til to forskellige?
Avatar billede jakobclausen Nybegynder
07. marts 2004 - 11:19 #1
HVis alle rækker skal samme samme mouseover farve kan du bruge dette:
http://www.bokaj.dk/eksperten/mouseover.htm

Det er ganske vidst ikke lavet med JavaScript med CSS, men resultatet er det samme.
Avatar billede jakobclausen Nybegynder
07. marts 2004 - 11:19 #2
prøver lige at lave et eksempel med to farver.
Avatar billede jakobclausen Nybegynder
07. marts 2004 - 11:24 #3
Avatar billede mikoalngelo Nybegynder
07. marts 2004 - 12:18 #4
Hvordan fungerer det egentligt (ikke for at blande mig :)
Avatar billede jakobclausen Nybegynder
07. marts 2004 - 12:40 #5
mikoalngelo >>
Kolonnerne har fået tildelt en class, som er sat til at skifte farve når man kører over med musen. Kig i koden!
Avatar billede mikoalngelo Nybegynder
07. marts 2004 - 12:45 #6
Ja, men CSS-koden er tbl a:hover, og jeg kender ikke noget CSS-syntax, hvor det er lovligt, så derfor spørger jeg ind til det. Jeg kan nemlig ikke gennemskue, hvordan browseren gør det...
Avatar billede mikoalngelo Nybegynder
07. marts 2004 - 12:47 #7
Er det sådan, at "alle der er i et objekt med klassen tbl, og er af koden a, og har hover, bliver blablabla," eller hvad (har lige leget lidt med den)?
Avatar billede jakobclausen Nybegynder
07. marts 2004 - 12:50 #8
.tbl a {color: black; display: block; padding: 3px; width: 200px; background: red}
.tbl a:hover {color: black; display: block; padding: 3px; width: 200px; background: blue}

Min tabel er tildelt klassen tbl, hvor i der ligger et anker (et link) <a href="#", som standard har den farven rød der står i første linie. Når man så kører over (hover) denne tabel vil den gå ned og udfører andne linien og baggrundsfarven bliver derfor blå.
Avatar billede mikoalngelo Nybegynder
07. marts 2004 - 15:55 #9
Ja, men det jeg havde problemer med, var syntaxen .tbl a:hover, men jeg tror jeg har fundet ud af, at de to ting (.tbl og a:hover) er forbundet med et logisk AND, er det ikke korrekt?)

Jeg har nemlig ganske udemærket meget ekspertise indenfor CSS.
Avatar billede jakobclausen Nybegynder
07. marts 2004 - 18:06 #10
silke4ever >> Kan du bruge det ?
Avatar billede roenving Novice
07. marts 2004 - 23:26 #11
>>mikoalngelo

Du kan se noget mere på:

http://www.w3.org/TR/REC-CSS2/selector.html
Avatar billede mikoalngelo Nybegynder
08. marts 2004 - 16:02 #12
Tak. Undskyld forstyrrelsen :)
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