Avatar billede jr40 Nybegynder
27. marts 2004 - 19:15 Der er 10 kommentarer og
1 løsning

.css underline

Jeg skal have underline på mine links, når musen kommer hen over, og underline color skal være black.

sådan her ser mit .css script ud:::

    body {
        background-color: #FFFFFF;
        font-family: verdana,arial,helvetica,sans serif;
        font-size: 10px;
        color: #000000;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }
   
   
   
    .style1 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FF6600;
}

    .hvormange {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FF6600;
}

    .style3 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
}

    .kort1 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
}



    a:hover {
    color: #FF6600;
TEXT-DECORATION : underline
}
a:link {
    color: #FF6600;
    TEXT-DECORATION : none
}
a:visited {
    color: #FF6600;
    TEXT-DECORATION : none
    }
a:active {
    color: #FF6600;
    TEXT-DECORATION : none
}
Avatar billede apo Praktikant
27. marts 2004 - 19:28 #1
Prøv at skrive "TEXT-DECORATION: none" i stedet for "TEXT-DECORATION : none"

Apo
Avatar billede apo Praktikant
27. marts 2004 - 19:29 #2
... Og prøv at skrive TEXT-DECORATION med småt: text-decoration
Avatar billede jr40 Nybegynder
27. marts 2004 - 19:32 #3
se:
http://www.andre.aklausen.dk/basket/michaeljordan.asp

års talene, skal være sorte, og underline farven skal også bare være sort:

Sådan her ser den "updated" .css fil ud nu:


    body {
        background-color: #FFFFFF;
        font-family: verdana,arial,helvetica,sans serif;
        font-size: 10px;
        color: #000000;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }
   
   
   
    .style1 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FF6600;
}

    .hvormange {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FF6600;
}

    .style3 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
}

    .kort1 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
}



    a:hover {
    color: #FF6600;
    text-decoration: underline
}
a:link {
    color: #FF6600;
    text-decoration: none
}
a:visited {
    color: #FF6600;
    text-decoration: none
    }
a:active {
    color: #FF6600;
    text-decoration: none
}
Avatar billede jr40 Nybegynder
27. marts 2004 - 19:33 #4
ændret lige de der #FF6600;
til:
#000000;
Avatar billede apo Praktikant
27. marts 2004 - 19:42 #5
Hvis det er farven på links'ne der skal være sorte når musen er over linket, ser det fint ud nu :-)

Ellers prøv at forklare lidt nærmere...
Avatar billede jr40 Nybegynder
27. marts 2004 - 19:44 #6
Ja de er sorte nu, men når du føre musen hen over et sort link der, så skal der komme en sort underline.
Avatar billede apo Praktikant
27. marts 2004 - 19:47 #7
Sådan som det ser ud for mig er linket orange og uden understregning. Når jeg fører musen hen over linket bliver det sort og med sort understregning. Er det ikke det du vil have?

Jeg kan ikke se nogle helt sorte links.
Avatar billede jr40 Nybegynder
27. marts 2004 - 19:51 #8
my bad,, jeg roder lidt rundt i det nu.
se nu:
http://www.andre.aklausen.dk/basket/michaeljordan.asp
nu er links sorte, men jeg vil gerne have af underline for den orange farve: #FF6600;


.css ser sådan her ud nu:

    a:hover {
    color: #FF6600;
    text-decoration: underline
}
a:link {
    color: #000000;
    text-decoration: none
}
a:visited {
    color: #000000;
    text-decoration: none
    }
a:active {
    color: #000000;
    text-decoration: none
}
Avatar billede apo Praktikant
27. marts 2004 - 20:03 #9
Hvis du mener sort tekst med orange understregning, ved jeg desværre ikke hvordan man laver det.
Avatar billede jr40 Nybegynder
27. marts 2004 - 20:03 #10
fúck det, jeg dropper det .css
Avatar billede roenving Novice
27. marts 2004 - 23:32 #11
Din rækkefølge på pseudo-selektorerne er forkert !-)

Prøv denne:

a:link {
    color: #000000;
    text-decoration: none
}
a:visited {
    color: #000000;
    text-decoration: none
    }
a:hover {
    color: #FF6600;
    text-decoration: underline
}
a:active {
    color: #000000;
    text-decoration: none
}

Da css fungerer sådan, at et senere match vil overskrive, har du i de tidligere haft den situation, at du først angiver en underline og orange for mouse-over, men linket vil jo stadig være et link, så lige efter har du overskrevet den med no underline og sort !-)
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
Kurser inden for grundlæggende programmering

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