CSS - Images ne s'affichent pas

Bonjour,

J'ai un petit soucis sur un plan de site. Voici le code :

<h2>Plan du site</h2>
<ul id="sitemap">
	<li>Accueil</li>
	<li>Actualit&eacute;s</li>
	<li>&Eacute;tudes<ul>
		<li class="firstfollow">E-commerce</li>
		<li class="last">Stid</li></ul></li>
	<li>Comp&eacute;tences</li>
	<li>Exp&eacute;riences<ul>
		<li class="firstfollow">Quadra</li>
		<li>Cidef</li>
		<li>Septentrion Communication</li>
		<li>Saupiquet</li>
		<li class="last">Saisonnier</li>
	</ul></li>
	<li>Cr&eacute;ations<ul>
		<li class="firstfollow">Quadra Mobilier</li>
		<li>Cidef / Cicar</li>
		<li>Agence de voyage Quatre Horizons</li>
		<li class="last">Septentrion Communication</li>
	</ul></li>
	<li>Web 2.0</li>
	<li>CV</li>
	<li>Hobbies</li>
	<li>Blog</li>
	<li>Plan du site</li>
	<li>Contact</li>
</ul>

Et le CSS concerné :

#sitemap li {
	list-style-type: none;
}
ul#sitemap > li {
	margin-bottom: 10px;
}
#sitemap ul li {
	list-style-image: url(images/sitemap/l2_normal.gif);
}
#sitemap ul ul li {
	list-style-image: url(images/sitemap/l3_normal.gif);
}
#sitemap ul li.firstfollow {
	list-style-image: url(images/sitemap/l2_first_follow.gif);
}
#sitemap ul li.last {
	list-style-image: url(images/sitemap/l2_last_item.gif);
}
#sitemap ul ul li.firstfollow {
	list-style-image: url(images/sitemap/l3_first_follow.gif);
}
#sitemap ul ul li.last {
	list-style-image: url(images/sitemap/l3_last_item.gif);
}

Le problème est que les images ne s'affichent pas chez moi, pourtant j'ai bien vérifier le chemin d'accès qui est correct. D'où vient mon erreur ?
Modifié par WhiskyWalker (07 Feb 2007 - 17:45)

Bonjour , je tente des pistes au hasard.....

- la casse . peut être que ton dossier contenant les images s'appelle Images et non pas images

- la taille des images , trop grandes par rapport a la taille de la ligne que je ne vois pas dans ton code CSS d'ailleurs. Si ton image fait 20 px de haut mais que tu n'as pas de taille mini pour ta hauteur de ligne, c'est peu être pour cela que ça ne marche pas .

Essaie de grossir la taille du texte pour voir si tu vois ton image apparaitre quelque part

RoseGrenouille a écrit :
Bonjour , je tente des pistes au hasard.....

- la casse . peut être que ton dossier contenant les images s'appelle Images et non pas images

J'ai déjà vérifié ça. Et puis, j'ai d'autres images qui sont utilisées sur mon site, si ça venait de ça, aucunes ne s'afficheraient.

RoseGrenouille a écrit :
- la taille des images , trop grandes par rapport a la taille de la ligne que je ne vois pas dans ton code CSS d'ailleurs. Si ton image fait 20 px de haut mais que tu n'as pas de taille mini pour ta hauteur de ligne, c'est peu être pour cela que ça ne marche pas .

Essaie de grossir la taille du texte pour voir si tu vois ton image apparaitre quelque part

La taille de ligne ? C'est le première fois que j'entends parler de ça... Tu parles de quoi exactement ?
Sinon je viens de me rendre compte que le problème se pose également sur une autre page. En fait il semblerait que ça vienne des listes, mais je vois pas trop à quel niveau

Salut,
si tu regardes attentivement ta css tu t'appercevras que

#sitemap ul ul li 

ne fonctionne pas....
Cela dit, beaucoup trop de class pour un si petit menu... l'application d'un second nom est possible avec par exemple

<ul>
<li class="FirstLevel FirstItem">Creation</li>
<li class="FirstLevel NextItem">contact
<ul><li class="SecondLevel FirstItem">Service marketing</li>
<li class="SecondLevel NextItem">Service commerciale</li></ul>
</li>
</ul>

Modifié par fredmac (08 Feb 2007 - 00:07)

fredmac a écrit :
Cela dit, beaucoup trop de class pour un si petit menu... l'application d'un second nom est possible avec par exemple

<ul>
<li class="FirstLevel FirstItem">Creation</li>
<li class="FirstLevel NextItem">contact
<ul><li class="SecondLevel FirstItem">Service marketing</li>
<li class="SecondLevel NextItem">Service commerciale</li></ul>
</li>
</ul>

Trop de classes ? Pourtant je n'en ai que 2 "firstfollow" et "last"

Je ne vois toujours pas d'où viens l'erreur

Et comme ça est-ce que au moins les images s'affichent ?

<h2>Plan du site</h2>
<ul id="sitemap">
	<li>Accueil</li>
	<li>Actualités</li>
	<li>Études
	<ul>
		<li class="firstfollow">E-commerce</li>
		<li class="last">Stid</li>
	</ul>
	</li>
	<li>Compétences</li>
	<li>Expériences
	<ul>
		<li class="firstfollow">Quadra</li>
		<li>Cidef</li>
		<li>Septentrion Communication</li>
		<li>Saupiquet</li>
		<li class="last">Saisonnier</li>
	</ul>
	</li>
	<li>Créations
	<ul>
		<li class="firstfollow">Quadra Mobilier</li>
		<li>Cidef / Cicar</li>
		<li>Agence de voyage Quatre Horizons</li>
		<li class="last">Septentrion Communication</li>
	</ul>
	</li>
	<li>Web 2.0</li>
	<li>CV</li>
	<li>Hobbies</li>
	<li>Blog</li>
	<li>Plan du site</li>
	<li>Contact</li>
</ul>


ul#sitemap li {
	list-style-type: none;
	margin-bottom: 10px;
	list-style-image: url(images/sitemap/l2_normal.gif);
	}

ul#sitemap ul li ul li {
	list-style-image: url(images/sitemap/l3_normal.gif);
	}

ul#sitemap li ul li.firstfollow {
	list-style-image: url(images/sitemap/l2_first_follow.gif);
	}

ul#sitemap li ul li.last {
	list-style-image: url(images/sitemap/l2_last_item.gif);
	}

ul#sitemap li ul li.firstfollow {
	list-style-image: url(images/sitemap/l3_first_follow.gif);
	}

ul#sitemap li ul li.last {
	list-style-image: url(images/sitemap/l3_last_item.gif);
	}

Non toujours pas... J'ai revérifié le chemin d'accès, il est correct. Je vois pas du tout d'où ça vient