28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai des liste imbriquées que je croyais correct mais lors de la validation j'ai des erreurs ..
je ne sait trop que faire ....

Code html
<ul class="ulgif">
    <li>Création       de site Web </li>
    <li>Gestion       /modification /maintenance de site web </li>
		<ul class="puce" >
			  <li>Apporter        des modifications et de gérer le contenu de vos pages </li>
			  <li>Réaliser        et envoyer des newsletters </li>
			  <li>Intégrer        une galerie photos et de la modifier </li>
			  <li>Tenir        à jour un agenda  </li>
			  <li>Gérer        un catalogue de produits </li>
			  <li>... </li>
		 </ul>
    <li>Applications       orientées Web : </li>
    	<ul class="puce">
			  <li>e-commerce </li>
			  <li>gestion        de bases de données </li>
			  <li>... </li>
    	</ul>
  <li>Amélioration       du référencement</li>
    	<ul class="puce">
			  <li>Google</li>
			  <li>Voila</li>
			  <li>Yahoo</li>
			  <li>…</li>
    	</ul>
</ul>


Css
ul {margin-left: 20px; padding-left: 0; margin-top:0; margin-bottom:0;
color:#004C90;
}
.puce {
  list-style-image: url(../images/li.gif);
}
.ulgif {
  list-style-image: url(../images/ul.gif);
}


je vois pas mon erreur Smiley ohwell

merci , si ça vous saute aux yeux
Modifié par camyo (13 Mar 2007 - 12:03)
Bonjour,

Un ul ne peut contenir que des li à l'intérieur desquels tu peux éventuellement inclure d'autres ul, hors ce n'est pas le cas des ul dotés d'une classe puce dans ton exemple.
Il faudrait que j'ouvre une balise <li> pour y inclure mes <ul class="puce" > ???
j'ai bien compris ????
Mais du coup j'ai une puce en plus
je sait qu'il existe une solution
mais .... m'en souvien plus Smiley ohwell
Modifié par camyo (13 Mar 2007 - 10:32)

<ul>
  <li></li>
  ...
  <li class="derniere">
  <ul>....</ul>
  </li>
</ul>


li.derniere{
  list-style-type:none;
}


ca devrai aller je pense
Merci
j'ai finalement mis
<li style="list-style-image:none; list-style-type:none;">

et mon site est validé !!

par contre j'ai lutté pour integrer du javascript
mais j'ai triché et ça marche