06. april 2005 - 10:50
Der er
7 kommentarer
Hvordan kombinerer jeg dette CSS med et link-tag?
Hej Alle Jeg har følgende CSS: .forretningsomraader_forside { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; color: #000000; line-height: 16px; text-decoration: none; margin-left: 0px; margin-right: 0px; margin-top: 3px; margin-bottom: 0px} Problemet er at alle mine links inden for området bliver med fed, hvordan undgår jeg det? Kan man lave et link-tag der tager sig af dette? /Peter
Annonceindlæg fra Barco
06. april 2005 - 10:54
#1
a.forretningsomraader_forside { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; color: #000000; line-height: 16px; text-decoration: none; margin-left: 0px; margin-right: 0px; margin-top: 3px; margin-bottom: 0px } <a class="forretningsomraader_forside" href="hej.html">hejhej</a>
06. april 2005 - 10:59
#2
Måske nærmere: .forretningsomraader_forside{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #000; line-height: 16px; text-decoration: none; margin: 3px 0 0 0; } .forretningsomraader_forside a{ font-weight:normal; }
06. april 2005 - 11:00
#3
tjoo, afhænger vel af forståelsen af spørgsmålet :) Mit angive for et enkelt link, roenvings er for et helt område (bare så spørger ikke er i tvivl)
06. april 2005 - 11:07
#4
kan du ikke bruge den her metode, som jeg plejer at anvende når jeg skal bruge flere forskellige type links på et site: Den generelle style først: a:link {text-decoration: underline;color: #000000} a:visited {text-decoration: underline;color: #000000} a:hover {text-decoration: underline;color: #000000} a:active {text-decoration: underline;color: #000000} og efterfølgende den specielle: a:link.white {text-decoration: underline;color: #FFFFFF} a:visited.white {text-decoration: underline;color: #FFFFFF} a:hover.white {text-decoration: underline;color: #FFFFFF} a:active.white {text-decoration: underline;color: #FFFFFF} når du skal bruge den specille type gør du så såden her: <a style="white" href...></a>
06. april 2005 - 11:18
#5
canedo Du kan nøjes med 1 a tag istedet for 3 :P a {text-decoration: underline;color: #000000} a:hover {text-decoration: underline;color: #000000} Hover er jo en slags mouseover effekt, så den bør være anderledes eller fjenes helt.
06. april 2005 - 11:33
#6
-- eller den anden mulighed for at differentiere: a, a:link, a:visited{color:blue;text-decoration:none;} a:hover{color:red;text-decoration:underline;} a:active{text-decoration:overline underline;} .menu a, .menu a:link, .menu a:visited{color:#ddd;text-decoration:none;font-weight:bold;} .menu a:hover{color:#777;text-decoration:underline;} .menu a:active{text-decoration:overline underline;} -- og så links inde i et element med class="menu": <a href="#">Almindeligt link</a> <div class="menu"> <a href="#">Specielt link</a> </div> -- nu har jeg bare brugt menu-eksemplet, da det viser den mest normale differentiering !-)
06. april 2005 - 11:36
#7
-- og i det sidste tilfælde skriver man ikke flere bogstaver i sit stylesheet end det, som canedo viste, men færre i sin html-kode, hvis der skal være flere links (som der f.eks. oftest er i en menu !-) -- desuden vil visse browsere have problemer, hvis ikke pseudo-selektorerne :hover osv. er det sidste i en selektor, altså f.eks.: a.white:active {text-decoration: underline;color: #fff}
Vi tilbyder markedets bedste kurser inden for webudvikling