Avatar billede t0wer Nybegynder
08. oktober 2002 - 21:23 Der er 8 kommentarer og
1 løsning

Underline skal have en anden farve end selve teksten

Jeg har følgende

a:hover {
font-family: arial, verdana, sans-serif;
font-size: 12px;
color: black;
text-decoration: underline;

hvor jeg gerne vil have underline på linket til at blive rød, men selve teksten på linket skal forblive sort. Anyone?
Avatar billede jakoba Nybegynder
08. oktober 2002 - 21:30 #1
det kan du faktisk godt i netscape 6+ og Mozilla :-))
<span style="text-decoration:underline; color:red;"><a href="derhen.html" style="text-decoration:none; color:black;">klikketekst der er sort med rød understreg</a></span>

men IE kan ikke hitte ud af det.

mvh JakobA
Avatar billede t0wer Nybegynder
08. oktober 2002 - 21:31 #2
jakoba >> hva gør jeg så når det gerne skulle virke i IE??? Jeg syns da at jeg har set det på MSN.dk... hmmm....
Avatar billede t0wer Nybegynder
08. oktober 2002 - 21:33 #3
jakoba >> btw. det skulle jo oxo kun være når musen føres over linket at der skal fremkomme en rød understregning. Derfor a:hover, aight..? ;)
Avatar billede jakoba Nybegynder
08. oktober 2002 - 21:36 #4
Jae, jeg kender ikke måden i IE; men det er der nok en anden der gør. Lad os se.
Avatar billede knudgert Nybegynder
08. oktober 2002 - 21:37 #5
Det nemmeste er at sætte text-decoration: none og så sætte border-bottom: 1px solid red.

Understregningen bliver ikke helt som den normale linkunderstregningen, men skulle være brugbart.

Du kan også sætte color til red i a:hover og så <a href="http://www.experten.dk"><span style="color: black">Experten</span></a>
Her vil tekstfarven, så være sort også ved a:link
Avatar billede t0wer Nybegynder
08. oktober 2002 - 21:42 #6
jakoba >> ja, det vidste knudgert lige... ;-)

knudgert >> hehe, det er sq smart... valgte godt nok at indføre en ekstra span da jeg synes at border-metoden er en hel del længere væk end underline... men 1000 tak!
Avatar billede callesen Praktikant
08. oktober 2002 - 21:44 #7
Hvad med <STYLE TYPE="text/css">
a:hover {
font-family: arial, verdana, sans-serif;
font-size: 12px;
color: black;
text-decoration: none;
border-bottom:1px solid #ff0000;
}
</STYLE>
i dit css.
Avatar billede callesen Praktikant
08. oktober 2002 - 21:45 #8
Man kunne selvfølgelig prøve at opdatere siden inden man sender ;-(
Avatar billede swasper Nybegynder
08. oktober 2002 - 22:47 #9
Det kan jo sagtens lade sig gøre uden at man skal gøre den ene border rød!

<a href="derhen.html" style="text-decoration:underline;    color:#ff0000;"><span style="font-family:Arial; font-size:14px; font-weight:bold; color:#000000;">Internettet er st&oslash;rre end vi tror!</span></a>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Specialister til Netværksoperations til Forsvarets nye Digitale Backbone

Riskpoint A/S (Riskpoint Solutions Limited)

Senior Developer

Carl Ras A/S

Digital Tech Lead

Capgemini Danmark A/S

AI/Data Engineer