Lien SPAN dans une DIV

**Rosell** · 01/04/2008, 18h50

Je suis nouveau en création WEB et après avoir parcouru votre site (très intéressant de surcroît...) et ce forum, je n'ai pas trouvé réponse à mon problème.
C'est vraisemblablement une erreur de débutant mais je coince!!!!!

Je souhaiterais inclure quelques liens avec des <SPAN> dans une <DIV>, mais les liens sont toujours affichés comme déclarés dans la DIV et non dans le SPAN...

ex:

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
 
<head>
 
<style type="text/css" title="mes_styles" media="all">
<!--
 
#plan {	margin:0;
		padding: 0;	}
 
#plan a:link, a:visited, a:hover, a:active {	color: black;	}
 
.rubrique { margin-left: 40px; }
.rubrique a:link, a:visited, a:hover, a:active {	color:red;	}			
 
-->		
</style>
</head>	
 
<body>
 
<div id=texte>
	<div id=plan>
		<a href="#">Dossier Principal</a><br>
		<SPAN class="rubrique"><a href="#">Rubrique</a></SPAN>
 
	</div>
</div>
 
</body>
</html>

**Erwan31** · 01/04/2008, 21h02

Envoyé par Rosell

...mais les liens sont toujours affichés comme déclarés dans la DIV et non dans le SPAN...

Qu'entends tu par là? Pourrais tu être plus clair?

**Laurelaie** · 02/04/2008, 11h23

Hello,
En fait ton soucis est que tu n'as pas été assez précise et du coup la mise en forme ne s'est pas appliquée à ton span. De plus tu dois répéter le nom de la div après chaque séparation par une virgule (voir en gras dans le code), il ne suffit pas de la déclarer au début de la ligne...

J'ai modifier ton code, si tu veux plus d'explication redis moi... mais normalement ça doit marcher !

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
18
19
20
21
22
23
24
25
26
27
28
29
<html>
 
<head>
 
<style type="text/css" title="mes_styles" media="all">

#plan {	margin:0;
		padding: 0;	}
 
#plan a:link, #plan a:visited, #plan a:hover, #plan a:active {	color: black;	}
					
.rubrique { margin-left: 40px; }
#plan .rubrique a:link, #plan .rubrique a:visited, #plan .rubrique a:hover, #plan .rubrique a:active {	color:red;	}			
		
</style>
</head>
 
<body>
 
<div id=texte>
	<div id=plan>
		<a href="#">Dossier Principal</a><br />
		<span class="rubrique"><a href="#">Rubrique</a></span>
	</div>
</div>
 
</body>
</html>

**Rosell** · 02/04/2008, 12h51

Envoyé par Erwan31

Qu'entends tu par là? Pourrais tu être plus clair?

Dans l'exemple que je vous ai mis en ligne, tous les liens sont noirs.

Hors, j'aimerais différencier les liens des rubriques et les mettre en rouge (par exemple).

#plan .rubrique a:link, #plan .rubrique a:visited, #plan .rubrique a:hover, #plan .rubrique a:active { color:red; }

Avec cette déclaration, pourrais-je utiliser la class .rubrique ailleurs que dans la DIV plan?

Merci de votre aide