29. marts 2004 - 00:56
Der er
6 kommentarer og 2 løsninger
2 forskellige tekst-decoration
Hejsa Jeg har brug for 2 forskellige text-decoration: 1. a:link { color: gray; text-decoration:none; } a:visited { color: gray; text-decoration:none; } a:active { background-color: none; text-decoration:none; } a:hover { color:gray; text-decoration:none; } og den anden a:link { color: white; text-decoration:none; } a:visited { color: white; text-decoration:none; } a:active { background-color: none; text-decoration:none; } a:hover { color:white; text-decoration:none; } Hvordan gør jeg det ?
Annonceindlæg fra Academic Work Denmark A/S
29. marts 2004 - 00:59
#1
lav en klasse på dine links som du vil have den ene ved, fx: <a href="#" class="linkclass">LINK</a> og skriv derefter: a.linkclass:link { color: white; text-decoration:none; } a.linkclass:visited { color: white; text-decoration:none; } a.linkclass:active { background-color: none; text-decoration:none; } a.linkclass:hover { color:white; text-decoration:none; } Du kan også gøre det ved den anden - hvis ikke vil den bare være standard.
29. marts 2004 - 01:02
#2
desuden vil det være lettere at skrive det sådan her: a.linkclass { color:white; text-decoration:none; } Du ændrer jo alligevel ikke på noget med de forskellige pseudo-elementer
29. marts 2004 - 01:02
#3
Den første (lader du bare være som default) a:link { color: gray; text-decoration:none; } a:visited { color: gray; text-decoration:none; } a:active { background-color: none; text-decoration:none; } a:hover { color:gray; text-decoration:none; } og den anden (alternative) a.alternativ:link { color: white; text-decoration:none; } a.alternativ:visited { color: white; text-decoration:none; } a.alternativ:active { background-color: none; text-decoration:none; } a.alternativ:hover { color:white; text-decoration:none; } Når du så skal lave dine links skriver du <a class="alternativ" href"DitLink">DitLink</a>
29. marts 2004 - 01:06
#4
background-color:none; er der forresten ikke noget der hedder. I stedet skal man skrive: background-color:transparent;
29. marts 2004 - 01:06
#5
-- og så kan du spare lidt ved at putte de links, du vil have anderledes ind i et element: <div id="menu"> <a href="noget">Noget</a> <a href="nogetAndet">Noget andet</a> <a href="nogetTredje">Noget tredje</a> <a href="nogetFjerde">Noget fjerde</a> </div> -- og så: #menu a:link{ color:white; text-decoration:none; } -- og hvis du skal bruge pseudo-selektorer, _skal_ de være i denne rækkefølge: a a:link a:visited a:hover a:active
29. marts 2004 - 01:11
#6
Mange tak for svarene. mht background-color:none; - så var det en hurtig kopi, af noget gammelt stof.. Går engang imellem lidt for hurtigt
29. marts 2004 - 01:14
#7
det okay :-) skal vi svare..?!? ;-) Her er et i hvert fald.
29. marts 2004 - 01:15
#8
Morale: Ryg _aldrig_ gammelt stof *-\
Vi tilbyder markedets bedste kurser inden for webudvikling