Ik hoop dat iemand mij kan vertellen of het volgende mogelijk is.

Stel ik heb een witte achtergrond in het menu.
De links moeten dan zwart zijn en de rollover enz. ook.

Alleen nu is de footer zwart en er moet ook een link in nu heb je het probleem dat ik die link niet kan aanpassen dat ie wit moet worden als je erover heen gaat of niet.

Ik weet dat je dit kan doen in de CSS maar ik zou alleen niet weten hoe ik heb al vanalles geprobeert maar het wilt niet lukken wie kan mij helpen ????

Alvast heel erg bedankt !!

Je geeft je menu en je footer best een uniek id
bv.

Code:

 
<div id="menu">blabalbla met links in</div>
<div id="footer"><a href="#">footerlink</a>

Je CSS kan je dan per deel opsplitsen

Code:

#menu a { color:black;}
#menu a:hover { color:blue;}
#footer a { color:white;}
#footer a:hover { color:gray;}

Ok dus inplaats van <div class"menu">blabla</div> geef je <div id=''menu''>blabla</div>

En in de CSS inplaats van:
.menu{
........
}
Geef je dit aan:
#menu{
..........
}

# deze stelt dan voor, voor id toch of zie ik het verkeerd.

Kan je mischien een beetje code of een screenshot tonen ?

Een # staat idd voor een id (= mag maar 1x per pagina voorkomen)
Een . duid een klasse aan (= mag vaker voorkomen per pagina) :-)

Ik heb nu overigens gewoon de standaard dingen in de BODY staan:

Code:

/*links*/
	a{
	font-family: Verdana, Arial, Helvetica, sans-serif,"Verdana"; 
	color: #ffffff;
	font-size: 10px; 
	}	
	
	a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif,"Verdana";
	color: #ffffff;
	text-decoration: none;
	}
	
	a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif,"Verdana"; 
	font-size: 10px; 
	color: #ffffff;
	text-decoration: none;
	text-decoration: overline;
	}

	a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif,"Verdana"; 
	font-size: 10px; 
	color: #ffffff;
	text-decoration: none;
	}	
		
	a:link { 
	color: #ffffff;
	text-decoration: none;
	}
	
	a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif,"Verdana"; 
	font-size: 10px; 
	color: #ffffff;
	text-decoration: overline;
	}

De bovenstaande code heb ik nog niet toegepast, dat doe ik vanavond.

Youri heeft het bij het juiste eind. Gewoon je div een id meegeven en dan id + a:hover in je css en dan kun je de links aanspreken per div

Ow ok hiermee kan je die andere beďnvloeden ofniet?
Ik bedoel met een ID kan je die onder de BODY staat overheersen.

Of je geeft je link gewoon een class mee

Code:

a:link.footer {text-decoration: none; color: #FFFFFF;}
a:visited.footer {text-decoration: none; color: #FFFFFF;}
a:active.footer {text-decoration: none; color: #FFFFFF;}
a:hover.footer {text-decoration: none; color: #FFFFFF;}

Code:

<a href="test.php" class="footer">test</a>

Aha ok als het zo ook lukt.
Heel erg bedankt weer wat wijzer geworden.

Wat ik ook eens hoorde is dat je een tweede BODY in de CSS kon plaatsen en dan kon je ook de links zo beďnvloeden weet iemand daar iets van of ???

Origineel gepost door Michael Braam

Aha ok als het zo ook lukt.
Heel erg bedankt weer wat wijzer geworden.

Wat ik ook eens hoorde is dat je een tweede BODY in de CSS kon plaatsen en dan kon je ook de links zo beďnvloeden weet iemand daar iets van of ???

Dat lijkt me straf, of in ieder geval niet echt zinvol.

Gewoon hoe Yoeri en Bas zeggen. Id's of classnamen gebruiken. Dat is iig de correcte manier.

Enkele handige links hierover:
http://www.w3schools.com/css/css_syntax.asp
http://www.w3schools.com/css/tryit.a...e=trycss_link2

Ik denk dat het zo wel duidelijk wordt :-)

Ok bedankt ik snap het nu allemaal wel ;)
Nogmaals bedankt voor jullie snelle hulp !

Ik heb gisteravond alles gevolgt zoals Yoeri Severy zei en het is perfect gelukt heel erg bedankt Yoeri Severy.