webForumDet fria alternativet

Säkert ett simpelt problem.

HTML & CSSur HTML, XHTML & CSS

3 svar · 266 visningar · startad av Gustav

Medlem sedan jan. 20001 932 inlägg
Frågan#1

Jag skulle vilja att de länkar jag anropar ".links" ifrån ska bli blå och understrukna när man för musen över dem.

Antingen får jag alla eller inga länkar att bli sådana. Vad gör jag för fel???

#divFoldCont		{position:absolute; left:10px; top:100px; width:170px; visibility:hidden;}
.clFold			{position:absolute; width:170px;}
.clFoldSub		{position:absolute; left:15px; width:170px; visibility:hidden;}
.clFoldSub2		{position:absolute; left:15px; width:170px; visibility:hidden;}
.clFoldLinks		{font-family:Arial, Verdana, Helvetica, Helv; font-size:12px; font-weight:bold; text-decoration:none; color:black;}
.clSubLinks		{font-family:Arial, Verdana, Helvetica, Helv; font-size:12px; font-weight:bold; text-decoration:none; color:black;}
.clSubLinks2		{font-family:Arial, Verdana, Helvetica, Helv; font-size:12px; text-decoration:none; color:black;} 
.bottentext		{font-family:Verdana, Helvetica, Helv; font-size:10px; text-decoration:none; color:black;}
.texten			{font-family:Verdana, Helvetica, Helv; font-size:12px; text-decoration:none; color:black;}
.links			{font-family:Verdana, Helvetica, Helv; font-size:12px; text-decoration:none; color:darkblue; A:hover {color: blue; text-decoration: underline;}; A:ACTIVE {color: red; text-decoration: none;}}

Tack på förhand!

Medlem sedan juli 20013 378 inlägg
#2

Re: Säkert ett simpelt problem.

Hmm...
Du är redan rätt så nära lösningen i den koden ;)

Hursomhelst:
Menar du länkar som ligger i ".links" såhär:

<div class="links"><a href="#">...</a></div>

så kan du skriva t.ex. du såhär:

.links a {font-family:Verdana, Helvetica, Helv; font-size:12px; text-decoration:none; color:darkblue; }
.links a:hover {color: blue; text-decoration: underline;}
.links a:active {color: red; text-decoration: none;}

Menar du länkar som har class="links" såhär:

<a href="#" class="links">...</a>

skriver du t.ex. såhär:

a.links {font-family:Verdana, Helvetica, Helv; font-size:12px; text-decoration:none; color:darkblue; }
a.links:hover {color: blue; text-decoration: underline;}
a.links:active {color: red; text-decoration: none;}
Medlem sedan jan. 20001 932 inlägg
#3

Tack så hemskt mycket! Det funkade perfekt!!!

(jag menade så som du skrev i det andra exemplet)

Medlem sedan mars 20021 239 inlägg
#4

och så rapporterar vi frågan som löst...

usch.. känns som det är det ända jag skriver nu mera.. inte bra.. :(

141 ms totalt · 3 externa anrop · v20260731065814-full.b746b907
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
138 ms — hämta tråd, inlägg och bilagor (db)