Link eigenschappen in Extern Stijlblad opnemen i.p.v. in de paginacode

[yellowf]

Hallo,

Ik heb een extern stijlblad gemaakt met o.a. onderstaande code om de body te bepalen. Dit om het lettertype voor de hele pagina(s) te definiëren. Dat werkt prima:

body {
font-family: Trebuchet MS;
font-size: 11pt;
}

Nu wil ik de link-eigenschappen zoals decoration, hover e.d. óók voor de hele pagina vaststellen. Echter als ik de code (zie onder) plaats bij bovenstaande body-code in het stijlblad, dan heeft dit geen effect.

Het werkt alleen als ik die code in de paginabron plaats. Maar ik wil het nu juist in een extern stijlblad. Wat zie ik over het hoofd?

De code zoals die wel werkt als ik het in de pagina-bron plaats:

<style type="text/css">
a:link {
color: #660000;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #660000;
font-weight: bold;
text-decoration: none;
}
a:link:hover {
color: #660000;
font-weight: bold;
text-decoration: underline;
}
</style>

NB: ik gebruik in het externe stijlblad uiteraard niet de tags "<style type="text/css">" en de afsluiter "</style>"

bvd!

 

[glompie]

Heb 't niet getest maar ik denk dat a:link:hover{} niet zal werken.

body {
font-family: "Trebuchet MS";
font-size: 11pt;
}
a:link, a:visited {
color: #660000;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #660000;
font-weight: bold;
text-decoration: underline;
}

Je kan er nog a:active{} onder zetten.

 

[yellowf]

Bedankt voor je antwoord. Maar het is niet wat ik bedoel. De code werkt prima. Maar alleen als ik dit in de head van de pagina zet.

Het werkt niet als ik het in de externe stylesheet zet, en dat is nu precies wat ik wel wil...

Heb 't niet getest maar ik denk dat a:link:hover{} niet zal werken.

body {
font-family: "Trebuchet MS";
font-size: 11pt;
}
a:link, a:visited {
color: #660000;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #660000;
font-weight: bold;
text-decoration: underline;
}

Je kan er nog a:active{} onder zetten.

 

[glompie]

Dat kan ik zo niet zien of controleren.
Zorgen dat je deze <style type="text/css"> weglaat en het juiste pad in je head plaatsen:
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
En dan rekening houden dat inline style en style in de head qua hiërarchie boven een externe stylesheet gaat.

misschien stond er al een a{} in je stylesheet, dat kan ook nog...