28172 sujets

CSS et mise en forme, CSS3

Couleur liens différentes dans un même menu

Bonsoir,
Je cherche à donner un couleur différente à des liens (lorsqu'ils sont en a:hover) d'un même menu.
Exemple : "acceuil" en vert et "contact" en bleu.
Merci d'avance.
Salut remay Smiley cligne ,

le plus simple est d'affecter une class différente à chacun de tes liens. Par exemple :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>Test couleurs liens</title>
	<style type="text/css" media="screen,projection"><!--
	#menu a {
		color: gray;
	}
	#menu a.lien1:hover,
	#menu a.lien1:focus,
	#menu a.lien1:active {
		color: green;
	}
	#menu a.lien2:hover,
	#menu a.lien2:focus,
	#menu a.lien2:active {
		color: blue;
	}
	#menu a.lien3:hover,
	#menu a.lien3:focus,
	#menu a.lien3:active {
		color: teal;
	}
	--></style>
</head>
<body>
<ul id="menu">
	<li><a class="lien1" href="accueil.php">Accueil</a></li>
	<li><a class="lien2" href="contact.php">Contact</a></li>
	<li><a class="lien3" href="lien3.php">Lien 3</a></li>
</ul>
</body>
</html>

Pour plus d'infos sur les menus, voir les Tutos.

A+
Sujet clos
Aller à