Avatar billede mr_mudderkode Nybegynder
24. september 2003 - 23:57 Der er 7 kommentarer og
2 løsninger

hover eller onmouseover

Er det muligt - een gang for alle - at definere hover og/eller onmouseover opførsel for en hel klasse?

Jeg ved man f.eks. kan lave a:hover men det peger på et bestemt tag. I dette tilfælde <A>

Jeg vil have det til at gælde for eksempelvis de <div> tags der er af en bestemt klasse.
Avatar billede skovenborg Nybegynder
25. september 2003 - 00:00 #1
hva' mæ .klasse:hover?
Avatar billede Slater Ekspert
25. september 2003 - 00:01 #2
man kan ikke lave hover effects på andre tags end A.
Men du kan godt sige at A'en skal have en bestemt klasse, ved at gøre som skovenborg siger.
Avatar billede skovenborg Nybegynder
25. september 2003 - 00:03 #3
rent faktisk kan du godt sige, fx:
<style type="text/css">
  DIV.klasse {color:#f00;}
  DIV.klasse:hover {color:#0f0;}
</style>
Dette er faktisk valid CSS, men IE er åbenbart ligeglade med CSS-standarden.
Avatar billede skovenborg Nybegynder
25. september 2003 - 00:04 #4
så du kommer nok ikke helt udenom onmouseover :(
Avatar billede Slater Ekspert
25. september 2003 - 00:11 #5
skovenborg - hmm, du har sgu ret - det virker på Firebird 0.61+, som er en temmelig standard-baseret browser.

Men da 90% eller mere stadig bruger IE, er det nok tilrådeligt at lave en onmouseover.
Avatar billede mr_mudderkode Nybegynder
25. september 2003 - 09:43 #6
Æv. Smid et svar skovenborg.
Avatar billede dta Nybegynder
25. september 2003 - 10:17 #7
Ovenstående er ikke rigtig: Det er kun A som kan have forskellige modes som HOVER, VISITS. Ovenståender er derfor efter min mening ikke korrekt CSS.

Nå du skal definer a på klasser så når du bruger

A:Hover så defineres det på klassen body og nedarves af alle andre klasser. Ønsker du at en klasse under dette skal have en forskellig opsætning kan u skrive

Div a: hover som betyder at alle links som er indeslutteat af et div tag får disse egenskaber. Dette kan udvides så

.enklasse a: hover vil du efter et tage (DIV, SPAN ....) med en class="enklasse" få den pågældende effekt
#etID a:hover vil du efter et tage (DIV, SPAN ....) med ID="etID" få den pågældende effekt

Så. Nej det er ikke andre tags end A der kan have en mode men du kan godt have forskellige styles alt efter hvor linket er.

Se evt:
http://www.meyerweb.com/eric/css/edge/popups/demo.html
Avatar billede skovenborg Nybegynder
25. september 2003 - 14:26 #8
Det tror jeg nu ikke er rigtigt, ikke i følge:
http://www.w3.org/TR/CSS2/selector.html#x33

Her står der at:
The :hover pseudo-class applies while the user designates an element (with some pointing device), but does not activate it.

Hvilket betyder at :hover sådan set kan aktiveres når brugeren flytter musen hen over et objekt.
Til gengæld står der at browseren selv kan bestemme om dette skal være muligt, og det har Microsoft så valgt kun skal være for links (hvilket også er mest normalt).

Men det er forkert at sige at det ikke er valid css.
Avatar billede dta Nybegynder
25. september 2003 - 15:20 #9
Godt ord igen:

Men for at svare på spørgsmålet kan du definere en klasse eller ide med

Klasse:
.klasse a
.klasse a:linked
.klasse a:visited
.klasse a:hover

ID:
#id a
#id a:linked
#id a:visited
#id a:hover
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

Seneste spørgsmål Seneste aktivitet
I går 21:00 Libre Office Impress Af Frank i Andre styresystemer
I går 11:47 VB script Af Jenshentze i Word
I går 11:21 Popup ved opstart Af mort1 i Windows
04/0918:50 Slet lokal konto Af ErikHg i Windows
04/0916:05 Ændre tal i en celle Af xvid i Excel