Avatar billede tlunde Nybegynder
08. marts 2004 - 09:23 Der er 6 kommentarer og
1 løsning

2 slags links i CSS?

Hejsa,
Jeg har siddet og lavet noget CSS til min side, men jeg vil gerne have at en slags links har en type CSS, og en anden slags links har en anden slags CSS. Hvordan skal jeg skrive det??

Mine standard links bruger dette CSS:
A:link, A:visited, A:active {
    text-decoration: none;
    color: navy;
}

A:hover {
    text-decoration: none;
    color: red;
}

Hvad skal jeg skrive for at kunne lave en anden slags links til nogle andre links på min side?

Hilsen
Thomas Lunde
Avatar billede miss-g Seniormester
08. marts 2004 - 09:26 #1
F.eks. sådan her:

/* alm text: */

a:link {
    color: #ffffff;
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;

}

a:visited {
    color: #ffffff;
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;

}

a:hover {
    color: #ffffff;
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;

}

a:active {
    color: #ffffff;
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;

}

/* menu: */

.hvidelinks a:link {
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;

}

.hvidelinks a:visited {
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;

}

.hvidelinks a:hover {
    color: #ffffff;
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;


}

.hvidelinks a:active {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;


}
Avatar billede tlunde Nybegynder
08. marts 2004 - 09:29 #2
Super, det var lige det jeg skulle bruge...takker!
Avatar billede miss-g Seniormester
08. marts 2004 - 09:30 #3
Selvtak *S*
Avatar billede tlunde Nybegynder
08. marts 2004 - 09:38 #4
Det virker alligevel ikke helt endnu :(

Er dette ikke rigtigt nok skrevet:
a:link, a:visited, a:active {
    text-decoration: none;
    color: navy;
}

a:hover {
    text-decoration: none;
    color: red;
}

.hvidelinks a:link, .hvidelinks a:visited, .hvidelinks a:active {
    text-decoration: none;
    color: white;
}

.hvidelinks A:hover {
    text-decoration: underline;
    color: white;
}
Avatar billede miss-g Seniormester
08. marts 2004 - 09:40 #5
Tror du skal have dem i hver deres kollone ligesom jeg har skrevet. Har aldrig set både a:link, a:visited  osv. i samme kollonne.

Virker det ikke, hvis du skriver ligesom mig?
Avatar billede schaefner Juniormester
08. marts 2004 - 09:44 #6
Avatar billede schaefner Juniormester
08. marts 2004 - 09:46 #7
Hvis den du selv har skrevet skal virke, så skal du f.eks. gøre sådan:

<div class="hvidelinks"><a href="#">Hvid link</a></div>
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