Discussion :

[L'aigle de Carthage]

Bonjour

J'ai la feuille de style suivante:




Dans la ligne sélectionné, j'ai pas compris la class='indent-0', elle ne se trouve même pas dans le fichier main.css

Dans le code de cette page "index.html", la balise span ne se trouve pas (elle est, apparemment, généré automatiquement).

Voici la partie dans le fichier index.html:

Code :

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

1
2
3
4
5
6
7
8
<nav id="nav">
										<a href="index.html">Présentation</a>
										<a href="threecolumn.html">Actualités</a>
										<a href="twocolumn1.html">Effectif</a>
										<a href="twocolumn2.html">Compétitions</a>
										<a href="onecolumn.html">Médiathèque</a>
										<a href="onecolumn.html">Contact</a>
									</nav>

Avez-vous une idée d'ou elle vient?

[Invité]

Bonjour,

..., la balise span ne se trouve pas (elle est, apparemment, généré automatiquement)....

"généré automatiquement" -> donc certainement par un fichier .js.

[L'aigle de Carthage]

Bonjour,

Vous avez raison, il s'agissait bien d'un fichier js qui génère le code CSS dont le code est le suivant:

Code :

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

1
2
3
4
5
6
7
8
9
10
b.push(
				'<a ' +
					'class="link depth-' + indent + '"' +
					( (typeof target !== 'undefined' && target != '') ? ' target="' + target + '"' : '') +
					( (typeof href !== 'undefined' && href != '') ? ' href="' + href + '"' : '') +
				'>' +
					/*'<span class="indent-' + indent + '"></span>' +*/
					$this.text() +
				'</a>'
			);

Le problème c'est que j'ai voulu ajouter des icones devant chaque titre comme suivant:

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
<div class="12u">
 
								<!-- Logo -->
									<h1><a id="logo">Ma competition</a></h1>
 
								<!-- Nav -->
									<nav id="nav">
										<img class="ico" src="images/icons/symbol.png" width="35px" height="35px" /><a href="index.html">Présentation</a>
										<a href="threecolumn.html"><img class="ico" src="images/icons/interface.png" width="35px" height="35px"/>Actualités</a>
										<a href="twocolumn1.html"><img class="ico" src="images/icons/player.png" width="35px" height="35px"/>Effectif</a>
										<a href="twocolumn2.html">Compétitions</a><img class="ico" src="images/icons/signs.png" width="35px" height="35px"/>
										<a href="onecolumn.html"><img class="ico" src="images/icons/video.png" width="35px" height="35px"/>Médiathèque</a>
										<a href="onecolumn.html"><img class="ico" src="images/icons/telephone.png" width="35px" height="35px"/>Contact</a>
									</nav>
 
							</div>

Sauf que rien ne s'affiche.

[L'aigle de Carthage]

ce que j'ai pas compris c'est que j'ai ajouté des balises img dans mon code (dans le but d'ajouter des icones devant chaque lien) comme suivant:

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
<div class="12u">
 
								<!-- Logo -->
									<h1><a id="logo">Ma competition</a></h1>
 
								<!-- Nav -->
									<nav id="nav">
										<img class="ico" src="images/icons/symbol.png" width="35px" height="35px" /><a href="index.html">Présentation</a>
										<a href="threecolumn.html"><img class="ico" src="images/icons/interface.png" width="35px" height="35px"/>Actualités</a>
										<a href="twocolumn1.html"><img class="ico" src="images/icons/player.png" width="35px" height="35px"/>Effectif</a>
										<a href="twocolumn2.html">Compétitions</a><img class="ico" src="images/icons/signs.png" width="35px" height="35px"/>
										<a href="onecolumn.html"><img class="ico" src="images/icons/video.png" width="35px" height="35px"/>Médiathèque</a>
										<a href="onecolumn.html"><img class="ico" src="images/icons/telephone.png" width="35px" height="35px"/>Contact</a>
									</nav>
 
							</div>

Sauf que quand j'inspecte ma page HTML, je ne les trouves pas!