Archief - Kleur van links

Beste mensen,

Hier ben ik weer met een probleem.

Ik ben dus bezig met het maken van een website. De navigatie maakt gebruik van gewone links:


Mijn stylesheet zegt hiertegen:


Geen probleem. Hij doet het allemaal perfect. Maar nu wil ik in mijn content (die als achtergrond wit gebruikt) ook gebruik maken van een stylesheet voor mijn links. De a:hover heeft de juiste kleur, maar de link moet zwart zien in de plaats van wit. Dat is het probleem. Is dit mogelijk?

Ik heb al het volgende geprobeerd:


en


met in de stylesheet dan:


Maar helaas. Is dit gewoon onmogelijk of weet er iemand oplossing? Ook zat ik nog met de volgende vraag. Als <H1>-font gebruik ik een lettertype die ik gedownload heb. Voor mij is dit geen probleem, maar als er iemand die het lettertype niet heeft de website zal willen openen zal hij dan iets anders zien of zal hij overspringen naar de standaard webbrowser font?

Bedankt.

a:link,
a:visited,
a:active {
color: #fff;
}
a:hover {
color:#fe7e01;
}

En voor uw content:

#content a:link,
#content a:visited,
#content a:active {
color: #000;
}
#content a:hover {
color:#fe7e01;
}

#content zal dus een div zijn en uw links gwn links (zonder class of id).

Voor die custom font kun je gebruik maken van sIFR (of één van de zovele varianten erop). Als je gwn uw font typt in de CSS, dan zullen alleen mensen die hem hebben, hem zien.

How jong, zotte bees! .

1) ID's zijn uniek, je kan ze maar één keer gebruiken. Klassen zijn herbruikbaar. Wat je het beste kan doen is een <div id="content"></div> rond héél je content zetten en dan gewoon

#content a {color: black}

in je stylesheet gooien.

2) Je werkt met stylesheets om inhoud en opmaak gescheiden te houden, dat is de basisidee althans. In je document zelf opeens met dingen als color="black" beginnen te gooien is absoluut not done, probeer dat gewoon zo veel mogelijk te vermijden!

@GenesisX: wat je doet is eigenlijk niet overbodig, met a {properties: values} bereik je exact hetzelfde effect maar met 1/3e van de hoeveelheid tekst .

Had ik juist ook nodig .

Bedankt!

Kan er nu nog iemand de laatste vraag ivm de lettertypes beantwoorden?

FurtiveDuck zei:

Bedankt!

Kan er nu nog iemand de laatste vraag ivm de lettertypes beantwoorden?

Klik om te vergroten...

Die heeft GenesisX al beantwoord . Je kan beter voor websafe fonts gaan. Voor titels zou je sIFR kunnen gebruiken (maar 'tis geen sinecure om die goed in te stellen: wees gewaarschuwd! )

Dus Xavez, a:link, a:visited, a:active kun je gewoon vervangen door a en da marcheert hetzelfde? Waarom doe ik dat dan altijd op die lange manier?

GenesisX zei:

Dus Xavez, a:link, a:visited, a:active kun je gewoon vervangen door a en da marcheert hetzelfde? Waarom doe ik dat dan altijd op die lange manier?

Klik om te vergroten...

Jep, werkt perfect hoor. Het enige waar je voor moet opletten bij het definiëren van linkstijlen is als je bijvoorbeeld voor :link, :visited, :hover, :active en :focus een verschillende kleur (of eenderwat) wil instellen, je de juiste volgorde moet behouden (LoVeHAte: Link Visited Hover Active).