Avatar billede andersthingholm Nybegynder
07. september 2004 - 11:01 Der er 10 kommentarer og
1 løsning

grøn underline

Hej,

Jeg har denne CSS kode:

            font-family: verdana;
            font-size: 13px;
            font-weight: none;
            font-style: none;
            text-Transform: bold;
            text-decoration: none;
            color: #000000;

Hvordan laver jeg en grøn understregning af linket?

VH

Anders
Avatar billede joggy Nybegynder
07. september 2004 - 11:12 #1
A:link {text-decoration: none; color: #000000;}
A:visited {text-decoration: none; color: #000000;}
A:active {text-decoration: none; color: #000000;}
A:hover {text-decoration: underline; color: #000000;}

Det er denne måde jeg har gjort det.. Godt nok er mit sort.. Men det kan man jo ændre til grøn :) Plus at hvis du hvis du altid vil have den til at have underline ændre du bare none til underline over det hele..
Avatar billede milo Nybegynder
07. september 2004 - 11:18 #2
joggy, han ønsker vidst at have en anden underline color end text color, derfor kan dit ikke bruges.

Jeg ved faktisk ikke om man kan definere farven på underline, tror det ikke.

Men tag et kig på fx www.merlin.dk - menuen ude i højre side "Sådan deltager du" osv.
Der er rød underline...det virker dog kun i Opera :-)
Avatar billede andersthingholm Nybegynder
07. september 2004 - 11:19 #3
Denne virker ikke:

a.index:link           
{
            font-family: verdana;
            font-size: 13px;
            text-Transform: bold;
            text-decoration: underline; color: #009F34;
            color: #000000;
}

a.index:visited
{
            font-family: verdana;
            font-size: 13px;
            text-Transform: bold;
            text-decoration: underline; color: #009F34;
            color: #000000;
}

a.index:active
{
            font-family: verdana;
            font-size: 13px;
            text-Transform: bold;
            text-decoration: underline; color: #009F34;
            color: #000000;
}

a.index:hover
{
            font-family: verdana;
            font-size: 13px;
            text-Transform: bold;
            text-decoration: underline; color: #009F34;
            color: #000000;
}
Avatar billede joggy Nybegynder
07. september 2004 - 11:19 #4
Ahh ja okay.. Der er jeg så på bar bund :)
Avatar billede andersthingholm Nybegynder
07. september 2004 - 11:22 #5
Okaj, det er der jo ikke noget at gøre ved :-(
Avatar billede andersthingholm Nybegynder
07. september 2004 - 11:23 #6
Lukker igen
Avatar billede roenving Novice
07. september 2004 - 11:38 #7
Man kan da bare fake en underline med border-bottom, men man vil ved nærmere eftersyn sagtens kunne se det, og ellers hedder vejen et baggrundsbillede, som gentages på langs !-)
Avatar billede milo Nybegynder
07. september 2004 - 11:54 #8
roenving! :) kan du huske den menu ting der du lavede? :) har prøvet at få fat på dig via det spg., samt mail :)
Avatar billede roenving Novice
07. september 2004 - 12:05 #9
Med baggrund skal klassen se sådan ud:

.u{background:url(../spacerblaa.gif) 0px 13px repeat-x;}

(jeg havde lige en blå 1-pxler !-)

>>milo

-- er ikke sikker på, hvad du tænker på !o]
Avatar billede milo Nybegynder
07. september 2004 - 12:40 #10
Har ellers sendt link i mail :)
http://www.eksperten.dk/spm/522529
Avatar billede knudgert Nybegynder
07. september 2004 - 19:34 #11
Det kan nu gøres ret enkelt, sæt color til grøn i css, color: green og så sætte span i linket og sætte color til sort i denne.

<a href="http://eksperten.dk"><span style="color: black">Besøg Eksperten</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