[HTML]De ene cel andere link-eigenschappen dan de andere?

[Captain Pervert]

Ik ben bezig met een site, die ik qua mouseover eigenschappen bij linkjes gewoon standaard eigenschappen wil geven, behalve het menu.

Dit is een testje:

http://members.home.nl/arnaud/test3/

code:

<style fprolloverstyle>A:hover {color: #FF0000; font-weight: bold}
</style>
<style> a { text-decoration: none} </style>

Dat gebruik ik dus bovenaan in de header, maar daardoor worden alle links in het gele vak wit en onleesbaar.

Alleen de cel met het menu moet dus die eigenschappen krijgen, hoe doe ik dat? Misschien iets met <div> tags, maar ik weet niet hoe ik die moet gebruiken...

[ Voor 5% gewijzigd door Captain Pervert op 04-09-2003 20:03 ]

[Jorick]

http://www.w3schools.com/css/tryit.asp?filename=trycss_link2

Daar staat uitgelegd aan de hand van een voorbeeld hoe je dat moet doen

[ Voor 20% gewijzigd door Jorick op 04-09-2003 20:05 ]

[Captain Pervert]

Helemaal geweldig, thanks.

*bookmark*

/edit

Nee klopt, heb me er nooit echt mee bezig gehouden maar zie dat het ook efficiënter kan.

Het werkt;

http://www.cosanostra.nl/test.htm

code:

<style type="text/css">
a.menu:link {color: #FFFFFF}
a.menu:visited {color: #FFFFFF}
a.menu:hover {color: #FF0000}
a.menu { text-decoration: none} 
</style>

[ Voor 101% gewijzigd door Captain Pervert op 04-09-2003 20:20 ]

[OkkE]

2x <style> lijkt me niet echt de bedoeling...

[ Voor 89% gewijzigd door OkkE op 04-09-2003 20:08 ]

[OkkE]

Wat je ook zou kunnen doen is zo:

code:

#menu { background-color: black; }

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

a { color: blue; }

En dan in je HTML

code:

<div id="menu">
<a href="#">Link met hover rood</a>
</div>
<a href="#">Link blauw</a>

#naam geeft aan dat de style betrekking heeft op het element met dat ID. En #naam element heeft alleen betrekking op de elementen binnen het element met als ID 'naam'.

[ Voor 33% gewijzigd door OkkE op 04-09-2003 20:42 ]