Avatar billede vieri Nybegynder
25. juni 2002 - 12:14 Der er 15 kommentarer og
1 løsning

CSS - underline

Kan man definere farven på den streg der kommer under linkene, når musen holdes over? F.eks.
A:hover{
text-decoration:underline;
color: #000000;
}
Så er link + stregen sort, men kan man vælge at kun stregen skal være sort og linkene skal være hvide?
Avatar billede schaefner Juniormester
25. juni 2002 - 12:16 #1
<style>
a:hover {text-decoration:none; font-family: san serif; font-size:14px;  color: #00008B; border-bottom: 1px solid #008800}
</style>
Avatar billede vieri Nybegynder
25. juni 2002 - 12:18 #2
border-bottom er vel ikke det samme som underline?
Avatar billede schaefner Juniormester
25. juni 2002 - 12:20 #3
Du kan ikke bruge underline, du skal bruger border-bottom:

<style>
a:hover {text-decoration:none; color: #FFFFFF; border-bottom: 1px solid #000000}
</style>
Avatar billede schaefner Juniormester
25. juni 2002 - 12:31 #4
Et lille eksempel: www.disneyzone.dk/css.html
Avatar billede jakoba Nybegynder
25. juni 2002 - 12:51 #5
kik her: http://developer.netscape.com/evangelism/docs/technotes/css-underlines/
mon ikke sådan en 'nedarvet' underline kan gøre det du ønsker.
Avatar billede jakoba Nybegynder
25. juni 2002 - 13:05 #6
Jeg ved ikke om den duer i nyere IE, men det er da en nuttet lille effekt i Netscape:
http://www.jakoba.dk/eksperten/exp228611.html

mvh www.fotx.net/jakoba
Avatar billede vieri Nybegynder
25. juni 2002 - 13:45 #7
Det var desværre ikke noget jeg kunne bruge.
Jeg ville have lavet farven på underline om, og kun den. Men det kan man tilsyneladende ikke. Ellers mange tak for hjælpen!
Avatar billede knudgert Nybegynder
25. juni 2002 - 14:55 #8
Du har godt nok allerede lukket spørgsmålet - hvorfor sådan en hast?
Det er jo ikke alle, der kan være med hele dagen.
Så fremt, at det kun er understregningen, der skal skifte farve ved hover, så kan du gøre det på flg. måde:

a:link        {color: white; background-color: transparent}
a:hover        {color: black; background-color: transparent}

<a href="url"><span style="color: white">klik</span></a>
Avatar billede vieri Nybegynder
25. juni 2002 - 14:57 #9
knudgert: Grunden til at jeg lukkede spørgsmålet, var at jeg fik at vide at det jeg gerne ville have, ikke kunne lade sig gøre.
Dit eksempel ændrer jo hele teksten, ved hover til en anden farve! Det er KUN stregen der skal ændre farve!
Avatar billede knudgert Nybegynder
25. juni 2002 - 15:08 #10
Nej, det er også kun stregen, der ændrer farve.
Hvad med at smide det ind på en side? så vil du se, hvad der sker.

http://home13.inet.tele.dk/smedpark/test/link.htm
Avatar billede jakoba Nybegynder
25. juni 2002 - 15:25 #11
knudgert >> virker den også i IE5 og op ?
Det ligner umiddelbart samme effekt som jeg bruger i 13:05:51.
Avatar billede knudgert Nybegynder
25. juni 2002 - 15:37 #12
Det burde da virke i alle gængse browsere, der forstår css og hover.
Altså ikke Netscape 4.x, men ellers.

Det, der sker er jo at span style overtrumfer, den css, der står i head, men ikke hoverfunktionen, da den ikke kan defineres med inline style.
Avatar billede jakoba Nybegynder
25. juni 2002 - 15:44 #13
Jae, 'burde'. men lad os høre om det virker for vieri. Umiddelbat går jeg ud fra min version ikke gjorde siden den blev afvist. men din er forskellig nok til at det måske er anderledes der.
Avatar billede schaefner Juniormester
25. juni 2002 - 16:20 #14
Hvad er der galt med:
<style>
a:hover {text-decoration:none; border-bottom: 1px solid lightgreen;}
</style>
?
Avatar billede knudgert Nybegynder
25. juni 2002 - 18:30 #15
Virker i IE 5.5 (og formentlig så også i IE 5.0), IE 6.0, Mozilla 1.0, Netscape 7.0.
Virker ikke i Opera og selvfølgelig ikke Netscape 4 (der slet ikke understøtter hover).

Din virker ikke, fordi du ved hover skal skifte color, men da span style overrides den css du har i head, vil det kun påvirke underline.
Avatar billede knudgert Nybegynder
25. juni 2002 - 18:32 #16
>>schaefner

Der er ikke noget i vejen med din, ikke andet end det jo ikke er text-decoration, der ændres og border står lidt længere nede end text-decoration gør.
Så for at det skal være ens på alle links, så skal man bruge det på alle links.
Jeg ville muligvis selv bruge den måde, men det ønskede Vieri jo ikke.
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