Problème avec CSS & div

Question

jennel

26 Apr 2005 à 15:36

Bonjour,

J'ai un menu vertical où chaque rubrique correspond à une DIV exemple :

<div class="menu1"><strong><font color="#FF6600" size="1" face="Verdana, Arial, Helvetica, sans-serif">Accueil</font></strong><br>
<a href="index.php?page=main&dossier=pages">Revenir &agrave; l'accueil</a></div>

Dans ma feuille de style, je veux donner des couleurs différentes à mes liens en fonction de la catégorie ...

BODY {background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.menu1
P {
font-size : 10px; 
font-family : Verdana;  
}
A:hover {
font-weight : bold; 
font-size : 10px; 
font-family : Verdana; 
color : #FF9900; 
background : transparent; 
text-decoration : underline; 
} 
A:visited {
font-weight : bold; 
font-size : 10px; 
font-family : Verdana; 
color : #FF9900; 
text-decoration : none; 
} 
A:link {
font-weight : bold; 
font-size : 10px; 
font-family : Verdana; 
color : #FF9900; 
text-decoration : none; 
} 
A:active {
font-weight : bold; 
font-size : 10px; 
font-family : Verdana; 
color : #FF9900; 
text-decoration : none; 
} 
.menu2
P {
font-size : 10px; 
font-family : Verdana;  
}
A:hover {
font-weight : bold; 
font-size : 10px; 
font-family : Verdana; 
color : #FF3300; 
background : transparent; 
text-decoration : underline; 
} 
A:visited {
font-weight : bold; 
font-size : 10px; 
font-family : Verdana; 
color : #FF3300; 
text-decoration : none; 
} 
A:link {
font-weight : bold; 
font-size : 10px; 
font-family : Verdana; 
color : #FF3300; 
text-decoration : none; 
} 
A:active {
font-weight : bold; 
font-size : 10px; 
font-family : Verdana; 
color : #FF3300; 
text-decoration : none; 
} 
.menu3
P {
font-size : 10px; 
font-family : Verdana;  
}
A:hover {
font-weight : bold; 
font-size : 10px; 
font-family : Verdana; 
color : #6699FF; 
background : transparent; 
text-decoration : underline; 
} 
A:visited {
font-weight : bold; 
font-size : 10px; 
font-family : Verdana; 
color : #6699FF; 
text-decoration : none; 
} 
A:link {
font-weight : bold; 
font-size : 10px; 
font-family : Verdana; 
color : #6699FF; 
text-decoration : none; 
} 
A:active {
font-weight : bold; 
font-size : 10px; 
font-family : Verdana; 
color : #6699FF; 
text-decoration : none; 
}

Problème, il n'y a rien qui s'affiche Smiley decu

Quelqu'un pourrait-il m'aider !

~~supprimé~~

26 Apr 2005 à 15:45

il me semble qu'il faut mettre :

.menu1 a:hover {..}
.menu1 a:visited {...}

idem pour menu2, etc...

jennel

26 Apr 2005 à 15:45

Merci j'essaye !

Macpom

26 Apr 2005 à 16:04

Bonjour,
ensuite, il faut aussi les mettre dans le bon ordre : link / visited / hover / active... à chaque fois...

jennel