28. marts 2007 - 17:50
Der er
10 kommentarer og 1 løsning
link problemer.
Hej E. har dette: <style type="text/css"> <!-- #dropmenudiv { position:absolute; border:1px solid white; border-bottom-width: 0; font:normal 12px Verdana; line-height:18px; z-index:100; } #dropmenudiv a { width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid white; padding: 1px 0; text-decoration: none; font-weight: bold; } #dropmenudiv A:hover { background-color: black; color: white; } #dropmenudiv A:link { text-decoration: underline; color: green; font-size: 12px; } #dropmenudiv A:active { text-decoration: underline; color: green; font-size: 12px; } #dropmenudiv A:visited { text-decoration: underline; color: green; font-size: 12px; } --> </style> Det virker fint nok i IE, men ikke i FF 2.0. i FF 2.0 ser det ud som om at a:hover slet ikke virker, for der sker nada, når musen er over linksne. nogle foreslag ?
Annonceindlæg fra XFlow
28. marts 2007 - 17:59
#1
Du har forkert rækkefølge, for css-fortolkeren læser så at sige 'nedefra' og er tilfreds første gang, der forekommer et fuldstændigt match ... -- pseudo-selectorerne kan _kun_ skrives i denne rækkefølge: a a:link a:visited a:hover a:active -- så du skal bare ændre rækkefølgen !-)
28. marts 2007 - 18:04
#2
okey det vidste jeg så til gengæld ikke... bruger bare normalt en: A:link, A:active, A:visited { text-decoration: none; color: black; font-size: 12px; font-family: Arial} A:hover { text-decoration: underline; color: black; font-size: 12px; font-family: Arial } :D Men tester lige. :)
28. marts 2007 - 18:05
#3
som altid, smid et svar. :D
28. marts 2007 - 18:11
#4
Velbekomme '-) -- og i en browser, der fuldt overholder css-rekommendationerne vil active-tingen aldrig blive vist i dit sidste eksempel, for active skal kun være aktiv, sålænge museknappen er trykket ned på linket, og så er der jo samtidig hover, og da den står senere i koden, vil det være den, der bliver brugt !-) -- a så en af de mere udbredte browsere vlger at active findes indtil et andet element får fokus skal ikke foranledige en til at tro, at det virker som det skal !o]
28. marts 2007 - 18:11
#5
hvis den læser det på den måde, hvorfor virker dette så ? #dropmenudiv A:link, A:visited, A:active { text-decoration: none; color: #00b4ff; font-size: 12px; } #dropmenudiv A:hover { background-color: black; text-decoration: underline; color: white; }
28. marts 2007 - 18:15
#6
Prøv det i en browser, der overholder css-rekommendationerne på det punkt, FireFox, Safari, Mozilla osv.
28. marts 2007 - 18:16
#7
vel som du siger, active ikke virker alligevel, og så står de jo i rigtig rækkefølge alligevel :S
28. marts 2007 - 18:16
#8
glor på det i FF 2.0.0.2 og det virker. :D
28. marts 2007 - 18:19
#9
Prøv f.eks. a:link,a:visited{color:red;} a:hover{color:green;} a:active{color:blue;} -- og prøv at bytte rundt på hover og active ... -- og tak for point ;~}
28. marts 2007 - 18:25
#10
ja prøvede at smide hover over de andre... fy fy. :D Men vidste ikke at den så sådan på dem, da jeg altid kun har lavet mine sider i IE, men det er jo rart at den også virker i de fleste andre browsere. Så tak for hjælpen, og tak for en meget nyttig info. :D
29. marts 2007 - 14:14
#11
U'r welcome !o]
Vi tilbyder markedets bedste kurser inden for webudvikling