Avatar billede dotcom1 Nybegynder
24. februar 2003 - 17:51 Der er 12 kommentarer og
2 løsninger

Understregning af links ved mouseOver

Hej.

Jeg har via style sheet sat links til ikke at være understregede, men jeg vil gerne have at når musen bevæges over linket, så kommer understregningen til syne... Hvordan gør man det?

Mvh.
Avatar billede schaefner Juniormester
24. februar 2003 - 17:52 #1
Tilføj dette i dit stylesheet:
a:hover {text-decoration: underline}
Avatar billede somaliomar Praktikant
24. februar 2003 - 17:54 #2
a: {text-decoration: none}
a:hover {text-decoration: underline}
Avatar billede dotcom1 Nybegynder
24. februar 2003 - 18:09 #3
Ok... men inde i css hvor man definerer attributterne er der et sted der hedder decoration, hvor man kan vælge underline, men så er teksten altid understreget, og det var jo ikke meningen. Så vidt jeg kan se kan man ikke vælge noget med hover... Kan jeg indsætte det I skriver manuelt i html-koden? Hvis jeg nu har et link, der hedder:
<a href="webside/debat_forside.html" class="test">links</a>
Hvor skal det så stå henne?
Avatar billede somaliomar Praktikant
24. februar 2003 - 18:12 #4
Prøv bare :)
Avatar billede somaliomar Praktikant
24. februar 2003 - 18:13 #5
Du skal have det tilføjet i dit CSS-fil.
Avatar billede dotcom1 Nybegynder
24. februar 2003 - 18:26 #6
Jeg kan ikke få det til at virke.. Dette er hvad mit css indeholder på nuværende tidspunkt: (den hedder test.css)

.test {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #CCCCCC;
    a:hover {text-decoration: underline}
Avatar billede dotcom1 Nybegynder
24. februar 2003 - 18:27 #7
Slutter med }
Avatar billede schaefner Juniormester
24. februar 2003 - 18:30 #8
prøv
.test {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #CCCCCC;
    a.test {text-decoration: none}
    a.test:hover {text-decoration: underline}
}
Avatar billede somaliomar Praktikant
24. februar 2003 - 18:31 #9
Prøv med

a.test {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #CCCCCC;
    text-decoration: none
}

a:hover.test {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #CCCCCC;
    text-decoration: underline
}
Avatar billede somaliomar Praktikant
24. februar 2003 - 18:33 #10
Jeg kan ikke lige huske om man skal skrive

  a:hover.test {

eller

  a.test:hover {


:)
Avatar billede schaefner Juniormester
24. februar 2003 - 18:34 #11
Det skal vel være:
a.test {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #CCCCCC;
    text-decoration: none
}
a.test:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #CCCCCC;
    text-decoration: underline
}
Avatar billede somaliomar Praktikant
24. februar 2003 - 18:35 #12
schaefner har ret. Det ER:

a.test {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #CCCCCC;
    text-decoration: none
}

a.test:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #CCCCCC;
    text-decoration: underline
}
Avatar billede dotcom1 Nybegynder
24. februar 2003 - 18:41 #13
Det virker. Tak for hjælpen... :)
Avatar billede somaliomar Praktikant
24. februar 2003 - 18:43 #14
Takker for points :)
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