Fjerne understrek i linker?

[kongen]

Hvordan kan jeg fjerne understrek i linker med css?
text-decoration: none; virker ikke

 

[tyr897]

Jo, det gjør den. Enten har du et brukerdefinert stilark som overstyrer (altså i din egen browser), eller så benytter du ikke css-regelen korrekt.

 

[kongen]

Først prøvde jeg dette i html filen:

<div id="tekst"><a href="#">Link</a></div>

sammen med dette i css filen:

#tekst {
 color: #666666;
 text-decoration: none;
}

Dette virket ikke. Deretter prøvde jeg dette i html filen (som heller ikke virket):

<div id="tekst" class="style1"><a href="#">Link</a></div>

med dette i css filen:

#tekst {
 color: #666666;
 text-decoration: none;
}
.style1 {
 color: #666666;
 text-decoration: none;
}

Og til slutt prøvde jeg dette som heller ikke virket:

<div id="tekst" class="style1"><a href="#"><span class="style1">Link</span></a></div>

På siste forsøk så var css fil samme som forsøk nummer to.

Uansett hva jeg gjør så får jeg en strek under linken.

 

[Keanu]

Har du prøvd

a {
text-decoration: none;
}

 

[kongen]

Jippi, det funket
Takk!

 

[kongen]

Prøvde meg på dette nå for å få en understrek når man drar musen over linken:

a:hover{text-decoration:underline}

Dette funker for å få frem en understrek, men understreken blir link-blå og ikke samme farge som på teksten. Hva er trikset for å få samme farge på understreken som på teksten?

 

[Keanu]

a:hover{text-decoration: none; border-bottom: 1px solid #999999"}

der #999999 er fargen teksten har.

 

[kongen]

Hva hvis man har forskjellige farger på tekstene på samme side? Altså en link som er sort, og en annen link som er grå?

 

[Keanu]

a.red:hover{text-decoration: none; border-bottom: 1px solid red"}
a.blue:hover{text-decoration: none; border-bottom: 1px solid blue"}

etc

 

[Glock]

veldig tungvindt du gjør det Keanu.. hva med å bare

a, a:visited {text-decoration:none; color:#06F;}
a:hover { text-decoration:underline; color:#06F;}

Da får du linja under når du har musa over og fargen blir det du setter i color..