Avatar billede stratokaster Novice
16. oktober 2005 - 13:29 Der er 7 kommentarer og
1 løsning

forskellige styles på links!

Hej,

Jeg kan ikke få mit link til at virke ordenligt, jeg har en ekstern css-fil. Hvor jeg har sat:

a:link {
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

a:visited {
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #CC0000;
    text-decoration: none;
}

Jeg skal så have en ny style på et andet link, hvor jeg så sætter en class på:

.class1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}

Det virker ikke, er der nogen som kan hjælpe!
Avatar billede stratokaster Novice
16. oktober 2005 - 13:30 #1
<a class="class1" href="kontakt.htm">Bestil nu</a>
Avatar billede pidgeot Nybegynder
16. oktober 2005 - 13:31 #2
De links der skal påvirkes af din nye class skal have den defineret i dets tag, altså <a class="class1">. Har du husket at gøre det?
Avatar billede pidgeot Nybegynder
16. oktober 2005 - 13:31 #3
Ja, det havde du så ;)
Avatar billede pidgeot Nybegynder
16. oktober 2005 - 13:34 #4
Hvis du kun skal bruge den til links, ville jeg nok bruge denne i stedet:

a.class1 {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    color: #000000 !important;
    text-decoration: underline !important;
}

Ellers er vi nok ude i noget som det her:

.class1 {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    font-weight: bold;
    color: #000000 !important;
    text-decoration: underline !important;
}
Avatar billede pidgeot Nybegynder
16. oktober 2005 - 13:35 #5
Grunden til !important er at dette tvinger den pågældende værdi til at blive brugt til den klasse, uanset hvad der ellers må være specificeret.
Avatar billede stratokaster Novice
16. oktober 2005 - 13:42 #6
.class1 {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    font-weight: bold;
    color: #000000 !important;
    text-decoration: underline !important;
}

virkede jeg havde ellers prøvet alle de alle muligheder, underligt at man skal sætte !important før det virker?
Avatar billede pidgeot Nybegynder
16. oktober 2005 - 13:49 #7
Det er sådan set ikke helt så underligt - .class1 er mere generel med hvor den skal anvendes end a:* er. Derfor har a:* prioritet.

Derudover er !important også nyttigt hvis du havde brugt en a.class1, da Firefox ikke altid nedarver ting korrekt. Dette gør at et stylesheet ville opføre sig korrekt i IE, og forkert i Firefox - selvom resultatet i Firefox måske var det hensigtede.

Mener i hvert fald det er sådan det virker :o)
Avatar billede stratokaster Novice
16. oktober 2005 - 13:57 #8
Tusind tak for at du besvaret mit spørgsmål så hurtigt, det har sparet mig for en masse unødvendige test:)
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