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

**zakuli** · 01/07/2006, 19h37

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

**Freed0** · 01/07/2006, 19h58

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

**zakuli** · 01/07/2006, 20h07

Merci Freed0,

J'attend ton exemple

**Freed0** · 01/07/2006, 20h09

Voilà :

test.html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**zakuli** · 01/07/2006, 20h20

Parfait, ça marche au poil

Merci beaucoup Freed0 et A+

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

HTML

Discussions similaires

Partager

Partager