liens de style différents dans une même page

Version imprimable

01/07/2006, 19h37
zakuli

liens de style différents dans une même page

Bonjour,

Toutes ma question est dans le titre : "liens de style différents dans une même page"

Pourriez vous me donner un petit exemple me permettant d'avoir 2 liens dans la même page. Par exemple :
1er lien => noir sur fond blanc
over => rouge sur fond noir

2ème lien => blanc sur fond vert
over => vert sur fond jaune

Merci de vos réponses
01/07/2006, 19h58
Freed0

Il suffit de créer 2 classes différentes et de définir les propriétés des liens pour chacune d'entre elles.

J'te fais un exemple dans 2 minutes ;)
01/07/2006, 20h07
zakuli

Merci Freed0,

J'attend ton exemple :lol:

Voilà :

test.html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
 
<head>
	<title>Page Test</title>
	<link href="test.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
	<p class="class1"><a href="http://www.domaine.com">Lien de Class1</a></p>
	<p class="class2"><a href="http://www.domaine.com">Lien de Class2</a></p>
</body>
 
</html>

test.css :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.class1 a:link, .class1 a:visited {
	background-color: #fff;
	color: #000;
}
.class1 a:hover {
	background-color: #000;
	color: #f00;
}
 
.class2 a:link, .class2 a:visited {
	background-color: #0f0;
	color: #fff;
}
.class2 a:hover {
	background-color: #ff0;
	color: #0f0;
}

Je sais pas si y'a moyen d'éviter les balises <p> (et donc ne se retrouver qu'avec des <a>), mais en tout cas le code ci-dessus fonctionne ;)

01/07/2006, 20h20
zakuli

Parfait, ça marche au poil 8-)

Merci beaucoup Freed0 et A+