Listes multiples

Bonjour,

Voilà pour mon menu j'aimerai utilise des puces, j'ai donc commencé à le faire avec des "definitions lists" mais j'ai remarqué que je ne pouvais pas y mettre de puces avec mon CSS :S

Alors j'ai reprit avec les "unordered lists", mais lorsque je fait valider mon code par le W3C, il me dit que je ne peut pas avoir des listes de puces dans d'autres listes (même s'il les affiche parfaitement).

Voici le code :

      <ul>
        <li>Accueil</li>
        <li>Forum</li>
        <li>Photos</li>
        <li>Personnel</li>
        <li>Banque de fichier</li>
        <ol>
          <li>1er Bachelier</li>
          <li>2eme Bachelier</li>
          <li>3eme Bachelier</li>
          <li>1er ann&eacute;e Master</li>
          <li>2eme ann&eacute;e Master</li>
        </ol>
        <li><acronym title="Boli Eti" lang="fr">BE</acronym></li>
        <ol>
          <li>Qui fait quoi ?</li>
          <li>R&ocirc;le et Status</li>
          <li>Machin</li>
        </ol>
        <li>Academique</li>
        <ol>
          <li>Organes de l'école</li>
          <li>R&egrave;glement des examens</li>
          <li>Projets</li>
          <li>R&eacute;alisations r&eacute;centes</li>
        </ol>
        <li>Autres</li>
        <ol>
          <li>Liens</li>
          <li>Articles</li>
          <li>Contact</li>
          <li>Plan du site</li>
          <li>Webmaster</li>
        </ol>
      </ul>

Donc comment puis-je faire par exemple pour utiliser des puces dans ceci :

<dl>
<dt>Titre1</dt>
<dd>Sous-Titre1</dd><dd>Sous-Titre2</dd>
<dt>Titre2</dt>
<dt>Titre3</dt>
<dd>Sous-Titre-seul</dd>
</dl>

Ou alors comment faire des listes imbriquées pour que j'ai mes deux styles de puces différentes de façon propre

Merci d'avance

Salut,

L'imbrication des listes n'est pas correcte :

<ul>
	<li>Accueil</li>
	<li>Forum</li>
	<li>Photos</li>
	<li>Personnel</li>
	<li>Banque de fichier
	<ol>
		<li>1er Bachelier</li>
		<li>2eme Bachelier</li>
		<li>3eme Bachelier</li>
		<li>1er année Master</li>
		<li>2eme année Master</li>
	</ol>
	</li>
	<li><acronym title="Boli Eti" lang="fr">BE</acronym>
	<ol>
		<li>Qui fait quoi ?</li>
		<li>Rôle et Status</li>
		<li>Machin</li>
	</ol>
	</li>
	<li>Academique
	<ol>
		<li>Organes de l&#39;école</li>
		<li>Règlement des examens</li>
		<li>Projets</li>
		<li>Réalisations récentes</li>
	</ol>
	</li>
	<li>Autres
	<ol>
		<li>Liens</li>
		<li>Articles</li>
		<li>Contact</li>
		<li>Plan du site</li>
		<li>Webmaster</li>
	</ol>
	</li>
</ul>

Valide avec çà

Impossible donc d'utiliser des <dl> <dt> et <dd> pour faire une liste de définitions avec des puces?

Merci beaucoup quand même

Je viens de tester, ça marche super bien, hormis pour les

border-bottom: 1px solid;

que je mettait sur les puces <li>.

Maintenant il commence le border après la puce alors que je voudrai que la border soit aussi en dessous de la puce
Modifié par Scriptiz (22 Dec 2007 - 16:25)

Bonjour,

Mettre les puces de son choix à des listes de définition n'est pas un problème.

Mais qu'est-ce qu'une liste de définition ferait dans un menu ?

Vous tenez vraiment à déprimer Billancourt, et en lui collant des puces qui plus est ?

Salut,

Relis ce que te disait papyjo : tes sous-listes ne doivent pas être structurellement dans la liste, mais dans un item de la liste.

Ca marche oui Je l'ai dit plus haut non?

Mais uniquement avec une liste à puces (j'ai fait les bonnes imbrications dans des éléments de la liste).

Cependant avec les listes je ne parvient pas à mettre un "border-bottom: 1px solid #000000;" jusque sur la puce, il ne s'applique qu'au texte

Tandis qu'avec des listes de définitions (<dd><dt>...) la bordure se mettait sur tout le texte

Voici un petit aperçu des bordures qui ne chevauches pas les lignes :S
http://users.skynet.be/cadenza/menu_list.jpg

Sinon ce n'est pas bien grave tampis Merci beaucoup en tout cas !

Bonjour,

1. Voire du côté de la propriété list-style-position avec la valeur "inside" (par défaut: "outside").

2. Sinon, utiliser une image de fond pour dessiner la puce, ça peut être pas mal.