[W3C] Erreur XHTML <li> </li>

Bonjour à tous,

En voulant faire valider mes pages XHTML, j'obteins cette erreur :

Citation:

Line 41, Column 26: document type does not allow element "li" here; missing one of "ul", "ol" start-tag.

<li class="style_li">Nous effectuons des déplacements individuels o

✉

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

J'avoue que je ne comprends pas trop...
Qu'est-ce que je dois corriger ?

Merci d'avance ;)

Salut

Peux-tu donner un peu plus de code autour de ce <li>...</li> ?

Salut,

une liste (ul ou ol) ne peut contenir que des éléments li.

Pour connaître les l'imbrication autorisée des différentes balise, tu peux te référer à l'outil de Giminik: http://giminik.developpez.com/xhtml/

Hello

La réponse me semble être dans ta citation, non ? -->

Citation:

missing one of "ul", "ol" start-tag.

Il semble que tu ais oublié un ul ou ol avant ou après tes li.

Citation:

Envoyé par Strix

Salut

Peux-tu donner un peu plus de code autour de ce <li>...</li> ?

Aucun problème :

Code:

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
32
33
34
35
<div class="corps_texte">
                <span class="titre_paragraphe">Qui sommes-nous ?</span>
				    <ul class="style_ul">
        	        	<li class="style_li">Handy Mobil est une association &agrave; but non lucratif (loi de 1901), destin&eacute;e &agrave; aider au d&eacute;placement des personnes &agrave; mobilit&eacute; r&eacute;duite, dans la r&eacute;gion d'Annemasse et la Haute-Savoie.</li>
                        <div align="center">
							<img src="images/carte-haute-savoie.gif" alt="Carte de Haute-Savoie" />
							<img src="images/carte-annemasse-directions.png" alt="Carte Haute-Savoie, pointé Annemasse avec ses directions" />
						</div><br />
						<li class="style_li">Nous effectuons des d&eacute;placements individuels ou collectifs avec ou sans accompagnement, de mani&egrave;re p&eacute;riodique ou au cas par cas, pour des visites m&eacute;dicales, des retours au foyer, des manifestations familiales, ou tout simplement pour sortir de son environnement (ce qui pour certains devient un rare moment de bonheur).</li>
						<li class="style_li">Nous pouvons également effectuer des sorties plus lointaines à l'initiative de notre association ou bien à la demande de groupes ou de personnes indépendantes.</li>
						<li class="style_li">Notre association, fond&eacute;e en 2004, compte actuellement 25 b&eacute;n&eacute;voles qui effectuent ces transports tous les jours y compris les week-end et les jours f&eacute;ri&eacute;s.</li>
		      		</ul>
					<span class="titre_paragraphe">Quels sont nos moyens ?</span>
			    	<ul class="style_ul">
						<li class="style_li">Une camionnette &quot;Jumper&quot; (Citro&euml;n) permet de recevoir 3 fauteuils roulants.</li>
				  		<li class="style_li">Un Kangoo (Renault) permet de transporter 1 fauteuil  roulant.</li>
				  		<li class="style_li">Ces deux v&eacute;hicules r&eacute;pondent aux normes actuelles.</li>
			  		</ul>
                    <div align="center">
						<img src="images/vehicule_vert.png" alt="véhicule vert" />
                        <img src="images/vehicule_rouge.png" alt="véhicule rouge" />
					</div>
                    <br />
					<span class="titre_paragraphe">Conditions</span>
			    	<ul class="style_ul">
						<li class="style_li">L'adh&eacute;sion &agrave; l'association Handy Mobil (1 &euro;), valable pour l'ann&eacute;e en cours,&nbsp; est obligatoire pour effectuer le premier transport.</li>
				  		<li class="style_li">Il est n&eacute;cessaire d'avoir une assurance &agrave; Responsabilit&eacute; Civile</li>
				  		<li class="style_li">Dans certains cas un avis m&eacute;dical est demand&eacute;</li>
			  		</ul>
			  		<span class="titre_paragraphe">Co&ucirc;t des transports</span>
			    	<ul class="style_ul">
                  		<li class="style_li">Ce service s'adresse aux personnes &agrave; revenus modestes.</li>
				  		<li class="style_li">Le prix est calcul&eacute; forfaitairement au nombre de  kilom&egrave;tres effectu&eacute;s, quelque soit le nombre de personnes transport&eacute;es.</li>
				  	</ul>
				</div>

Citation:

Envoyé par MasterOfChakhaL

Salut,

une liste (ul ou ol) ne peut contenir que des éléments li.

Pour connaître les l'imbrication autorisée des différentes balise, tu peux te référer à l'outil de Giminik: http://giminik.developpez.com/xhtml/

Sauf erreur de ma part, c'est ce que je faisais, dans la balise UL, je ne mets que LI

Citation:

Envoyé par 12monkeys

Hello

La réponse me semble être dans ta citation, non ? -->

Il semble que tu ais oublié un ul ou ol avant ou après tes li.

Impossible, j'ai vérifié...

Au fait, j'ai pensé à un truc, ce serait possible que le problème vient ici :

Code:

1
2
3
4
5
6
7
<ul class="style_ul">
        	        	<li class="style_li">Handy Mobil est une association &agrave; but non lucratif (loi de 1901), destin&eacute;e &agrave; aider au d&eacute;placement des personnes &agrave; mobilit&eacute; r&eacute;duite, dans la r&eacute;gion d'Annemasse et la Haute-Savoie.</li>
                        <div align="center">
							<img src="images/carte-haute-savoie.gif" alt="Carte de Haute-Savoie" />
							<img src="images/carte-annemasse-directions.png" alt="Carte Haute-Savoie, pointé Annemasse avec ses directions" />
						</div><br />
						<li class="sty .......................... /li></ul>

Au niveau de l'intervention div et img ?
Si oui, comment y remédier ?

Je vous remercie beaucoup

Citation:

Au fait, j'ai pensé à un truc, ce serait possible que le problème vient ici :

Tout à fait...
Tu peux mettre à peu prêt ce que tu veux dans le li par contre les seuls enfants direct qu'acceptent le ul sont le li (et les commentaires...)

Comment y remédier?
Et bien en mettant ton div dans un li...

Excellent mon cher ami ^^

J'ai pu résoudre le problème, maintenant il y a encore un autre problème (c'est le fait que XHTML refuse d'avoir div align="center"....