19. oktober 2004 - 15:36
Der er
9 kommentarer
forskellige links typer
Er det ikke noget med at man kan difinere flere links typer f.eks har man A A:hover osv Kan man ikke definere nogle andre f.eks b b:hover og udskifte <a> taget med <b> kunne bare ikke få det til at fungere.
Annonceindlæg fra HP
19. oktober 2004 - 15:41
#1
hvorfor vil du have a til at hedde b?
19. oktober 2004 - 15:47
#2
Du kan tage to forskellige indgangsvinkler, men de involverer begge at du bruger class på en eller anden måde, det nemmeste synes jeg er f.eks. <style type="text/css"> a,a:link,a:visited{text-decoration:none;color:green;} a:hover,a:active{text-decoration:none;color:purple;} .menu a, .menu a:link, .menu a:visited{text-decoration:none;color:yellow;} .menu a:hover, .menu a:active{text-decoration:underline;color:white;font-weight:bold;} </style> -- og så placerer du menu-links inde i et element, som du sætter en class på: <div class="menu"> <a href="#">Menulink 1</a> <a href="#">Menulink 2</a> <a href="#">Menulink 3</a> </div> <a href="#">Link 1 udenfor menuen</a> -- man kan også sætte en class direkte i linket, men som sagt er ovenstående adskilligt lettere !-)
19. oktober 2004 - 15:59
#3
en class direkte i linket synes jeg ikke fungere.
19. oktober 2004 - 16:00
#4
kan du ikke lave eksemplet af resten af min css? A { color: #999999; text-decoration: none; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; } A:HOVER { color: #CCCCCC; text-decoration: underline; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; } .c { color: #999999; text-decoration: none; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 14px; } c:HOVER { color: #999999; text-decoration: underline; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 14px; }
19. oktober 2004 - 16:04
#5
ok kan godt ændre linket som standard via en class men hvordan skal det kodes når man skal lave en class for når man hover over linket?
19. oktober 2004 - 16:12
#6
Hvis du kun har brug for anderledes klasse ved hover, nøjes du med at lave muligheden :hover for den klasse, så vil den falde tilbage på standard-tingen for de andre muligheder, så f.eks. a,a:link,a:visited { color: #999; text-decoration: none; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; } a:hover,a:active { color: #ccc; text-decoration: underline; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; } .c:hover,.c:active { color: #999; text-decoration: underline; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 14px; } -- og: <a href="#" class="c">Et klasse c-link !-)</a>
19. oktober 2004 - 16:12
#7
har fundet på lidt hjemmebag :P som virker .c a, .c a:link, .c a:hover { color: #999999; text-decoration: none; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 16px; }
19. oktober 2004 - 16:12
#8
takker
19. oktober 2004 - 16:26
#9
-- det er jo præcis det jeg nævnte, men jeg kaldte elementet for menu !-) Velbekomme '-)
Vi tilbyder markedets bedste kurser inden for webudvikling