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 tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
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