Problème validation : pas de ul dans span

Bonjour

Petit souci de validation

a écrit :
Line 69, column 31: document type does not allow element "ul" here; missing one of "object", "ins", "del", "map", "button" start-tag

<ul class="precisions">

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>").

Apparement je ne peut pas mettre de ul dans span
Le problème c'est que j'utilise le tutoriel aficcher masquer des "calques" sans javascript qui utilise les span pour cacher afficher des informations.

La page est visible ici

Comment que je dois faire alors !!!!!!!!!

Merci de vos éclairages

Bonjour,

De quel tutoriel parles tu?
En regardant rapidement quelques tutos sur alsa, il n'y a pas de span utilise !

FRed

Salut, bon déjà j'ai déplacé le sujet dans la bonne section, ensuite en ce qui concerne ton problème voilà un lien qui devrait t'aider à comprendre quelle erreure sémantique tu as commis et qui rend ta validation impossible:

http://giminik.developpez.com/xhtml/

ne t'inquiète pas pour le sigle xHTML 1.1 c'est aussi valable pour le 1.0 strict.

Tu n'as pas le droit de mettre des elements de type block dans des elements de type inline, or ul c'est un display:block et span: inline

donc la solution et de pas mettre de span autour ou alors si vraiment t'as besoin de mettre un conteneur pour css ou autre tu peux utiliser un div, met normalement le conteneur ul devrait suffire.

sinon autre petite remarque, au niveau de ton menu, tu as une liste de <dl> que tu met à la suite, dl est une liste de définition, donc une seul suffirait et tu met les dt et dt à la suite

aussi pour ca :

				<div class="backrouge">
					<div class="important">

						<p class="imp">Votre contrôle technique doit dater etre valide pour obtenir la carte grise du véhicule.<br></br>Si le contrôle technique doit être refait, cela doit être à la charge du vendeur</p>
					</div>
				</div>

y'a plus simple

<p class="backrouge important imp">Votre contrôle technique doit dater etre valide pour obtenir la carte grise du véhicule.<br></br>Si le contrôle technique doit être refait, cela doit être à la charge du vendeur</p>

et pour le <br></br> je sais pas si on a le droit de faire ca, mieux vaut utiliser <br />

il y aurait surement d'autre remarque dans ton code

regarde cet article

http://www.openweb.eu.org/humeurs/calques_perdent/

Edit : Grilled x 2
Modifié par CyrilCS (30 Jun 2005 - 17:54)

a écrit :
or ul c'est un display:block et span: inline

ul c'est un block, pas confondre avec display: block

parce que tu peux prendre un span et lui mettre un display block, or ça reste un élément inline au vu de la structure, c'est juste qu'il est présenté comme un block.

Enfin je sais que tu n'as pas voulu dire ça, mais c'est pour qu'il ne confonde pas

tu peux utiliser ce genre de structure pour ce que tu veux faire:

PS: Désolé pour la pub

<dl>
<dt title="Tous les blogs que je lis avec ferveur.">Bloggosphère</dt>
<dd>
<ul>

<li><a href="http://blog.alsacreations.net/" title="Le weblog de Raphaël Goetter.">Alsacréations Blog</a></li>
<li><a href="http://www.biblographia.net/" title="Le weblog de Chantal Pugin.">BiBLOGraphia</a></li>
<li><a href="http://www.cybercodeur.net/" title="Weblog collaboratif portant sur les enjeux sociopolitiques, technologiques et strat&eacute;giques entourant la normalisation et l'accessibilisation du Web.">Cybercodeur</a></li>
<li><a href="http://www.estvideo.com/dew/" title="Le blog de Dew.">Dew's blog</a></li>
<li><a href="http://www.elmoustikoblog.net/" title="Le blog d'Olivier.">ElMoustiko Blog</a></li>
<li><a href="http://marcarea.com/weblog/" title="Le blog de Marc Hertzog">Marcarea Weblog</a></li>
<li><a href="http://www.svay.com/blog/" title="L'excellent blog de Maurice Svay.">Maurice Bloggue</a></li>
<li><a href="http://www.nundroo.com/" title="Le blog de Didier Hilhorst.">NUNDROO - Rich and Shameless</a></li>
<li><a href="http://veerle.duoh.com/" title="Le blog de Veerle Pieters.">Veerle's Blog</a></li>
</ul>

</dd>
</dl>
<dl>
<dt title="Tous les liens en rapport avec le d&eacute;veloppement d'applications internet.">Développement web</dt>
<dd>
<ul>
<li><a href="http://www.alistapart.com/" title="Une r&eacute;f&eacute;rence dans le domaine de la création web.">A List Apart</a></li>
<li><a href="http://www.directeurartistique.net/" title="Portail de cr&eacute;ation interactive.">Directeur Artistique</a></li>
<li><a href="http://www.opquast.com/" title="Le guide des bonnes pratiques de la conception web.">Opquast</a></li>
<li><a href="http://www.stopdesign.com/" title="Une autre référence en matière de développement web.">Stop Design</a></li>
</ul>

</dd>
</dl>
<dl>
<dt title="Tous mes forums favoris.">Forums</dt>
<dd>
<ul>
<li><a href="http://forum.alsacreations.com/" title="Les forums Alsacr&eacute;ations d&eacute;di&eacute;s aux standards.">Alsacréations Forums</a></li>
<li><a href="http://www.media-box.net/" title="Les forums du centre de formation media-box.">media-box</a></li>
</ul>
</dd>
</dl>

Au lieu de cacher et afficher les spans tu affiches et tu cache les ul

De plus cet exemple est syntaxiquement propre et valide c'est ce que j'utilise pour un gestionnaire de bookmarks personnel (d'ailleurs c'est les miens )
Modifié par masterjmc (30 Jun 2005 - 23:51)

CyrilCS a écrit :

				<div class="backrouge">
					<div class="important">

						<p class="imp">Votre contrôle technique doit dater etre valide pour obtenir la carte grise du véhicule.<br></br>Si le contrôle technique doit être refait, cela doit être à la charge du vendeur</p>
					</div>
				</div>

y'a plus simple

<p class="backrouge important imp">Votre contrôle technique doit dater etre valide pour obtenir la carte grise du véhicule.<br></br>Si le contrôle technique doit être refait, cela doit être à la charge du vendeur</p>

je suis d'accord avec toi mais j'ai fais ça pour une histoiree de background couleur + background image
Je vais voir si ça marche et corriger