[Résolu] Puce dans une sous-liste

Bonjour.


Dans ma div bloc23,
j'ai une première liste où tout fonctionne à merveille.
Par contre dans la sous-liste, ce n'est plus l'image en background
qui me sert de puce, mais un disque !!!

J'ai beau essayer !
Je tourne... en rond !!!

Pouvez-vous m'aider ?
D'avance, un grand merci.

#bloc22 ul,
#bloc23 ul {
	margin-top: 5px;
	margin-left: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-left: 0px;
	font-size: 13px;
	color: #0e72b5;
}
#bloc22 ul li,
#bloc23 ul li {
	background-image: url(../images/biobac/puce.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	list-style-position: outside;
	padding-left: 18px;
	line-height: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 2px;
}
#bloc23 ul ul {
	list-style-type: none;
	list-style-image: none;
}
#bloc23 ul li {
	list-style-type: none;
	list-style-image: none;
}

Modifié par jytest (19 Dec 2011 - 00:50)

Bonjour,

Attention à la cascade.

#bloc23 ul li ul

Salut,

Tu as oublié le li entre les 2 ul.
EDIT: oui en fait cela a déjà été dit...
Modifié par jmlapam (16 Dec 2011 - 12:32)

Merci pour votre aide.
J'ai corrigé suivant vos remarques.

Mais rien n'y fait !!!
Revoici le css :

#bloc22 ul,
#bloc23 ul {
	margin-top: 5px;
	margin-left: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-left: 0px;
	font-size: 13px;
	color: #0e72b5;
}
#bloc22 ul li,
#bloc23 ul li {
	background-image: url(../images/biobac/puce.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	list-style-position: outside;
	padding-left: 18px;
	line-height: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 2px;
}
#bloc23 ul li ul {
	list-style-type: none;
	list-style-image: none;
}
#bloc23 ul li ul li {
	list-style-type: none;
	list-style-image: none;
}

et voici la partie HTML qui traite de cela :

	<div id="bloc23">
      <ul>
      <li>Objectif :
      	<ul>
        <li>Réduire les cycles<br>de pompage traditionnel.</li>
        <li>Limiter les problèmes d’odeurs<br>nauséabondes produites par<br>la décomposition des matières<br>organiques.</li>
        <li>Génèrer des économies<br>de fonctionnement</li>
        </ul>
      </li>
      <li>Installation :<br><span class="souspuce">simple et rapide</span><br>Optimise le rendement tout<br>en préservant l’environnement.</li>
      </ul>
	</div>

Modifié par jytest (16 Dec 2011 - 13:30)

Salut,

Pourrais-tu nous fournir un lien vers la page incriminée ?

J'ai testé ton code et chez moi ça fonctionne, vide ton cache peut être.

J'ai bien une fois de plus vidé mon(mes) cache(s)
sous IE9, Chrome, FF, Safari, Opéra...
Rien n'y fait !!!
Modifié par jytest (16 Dec 2011 - 23:00)

Face à vos tests.
J'ai donc tout (oui, tout) vérifié...
Et j'ai trouvé un bug !!!

Il me manquait un ; à la fin d'une propriété d'une css sousliste !!!

Merci à tous.
Votre aide m'a été très précieuse !!!
Bon weekend