MENU

bezorg de laatste berichten direct op de desktop
Welkom, Gast
Alstublieft Inloggen of Registreren.    Wachtwoord verloren?
WMS FORUM
Ontwerp je site
CSS

stijl hyperlinks per div verschillend
(1 bezoeker) (1) Gast
Ga naar onderkantPagina: 1
TOPIC: stijl hyperlinks per div verschillend
#6034
stijl hyperlinks per div verschillend 3 Jaren, 6 Maanden geleden Karma: 0
Op mijn site gebruik ik verschillende divs die zowel donker als licht gekleurd zijn. De tekst is uiteraard andersom gekleurd ivm het contrast.

Een van die divs is het menu (donker grijs) waarin de items (hyperlinks) lichtgekleurd zijn. Als ik nu in het lichte tekstvak, waarmee met donkergrijze letters gewerkt wordt, een hyperlink plaats, wordt de kleur van de hyperlinks in het menu toegepast met als gevolg dat de hyperlink slecht leesbaar is ivm de lichte achtergrond.
voorbeeld: www.roelbouwhuis.nl/7%20SAMENWERKING.html Hierin is het woord "Website" niet goed leesbaar en ik wil dit in een andere kleur hebben. Wanneer ik dit handmatig doe, verandert ook de kleur van alle hyperslinks van de hele site.

Wie weet hoe ik dit volgens CSS kan instellen?

Hartelijke groet
intruder1400
Newbie
Berichten: 1
graphgraph
Gebruiker offline Klik hier om het gebruikersprofiel van deze gebruiker te zien
De Administrator heeft publieke schrijf toegang geblokkeerd.
 
#6037
Re:stijl hyperlinks per div verschillend 3 Jaren, 6 Maanden geleden Karma: 0
Code:
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}

moet je veranderen naar
Code:
#apDiv2 a:link {
color: #FFFFFF;
text-decoration: none;
}
#apDiv2 a:visited {
color: #FFFFFF;
text-decoration: none;
}
#apDiv2 a:hover {
text-decoration: none;
}
#apDiv2 a:active {
text-decoration: none;
}

en dan moet je nog eens de a's apart stylen voor de rest van de website. Deze code zorgt er voor dat alle a:link enz... IN de tag met het ID ( # ) apDiv2 gestyled worden. Als je dan bv alle url's in #apDiv3 of in een lijst ( ul ) een andere stijl wil geven, typ je gewoon #apDiv3 a{ of ul a { ...

zo kan je je css specifieker definieren
Skwizz
WMS senior user
Berichten: 78
graphgraph
Gebruiker offline Klik hier om het gebruikersprofiel van deze gebruiker te zien
De Administrator heeft publieke schrijf toegang geblokkeerd.
 
Ga naar bovenkantPagina: 1
WMS FORUM
Ontwerp je site
CSS
Moderators: Rik, Roy