Bonjour,

Pour mon site je veux utiliser des listes à puce pour faire un menu principal en haut. Mais je ne sais pas comment faire pour que la liste n'aille pas à la ligne à chaque puce.
Voici mon code :






EDIT :

J'ai oublié de mettre le CSS

Bonsoir, essaie ça :

ça ne fonctionne pas aparemment merci quand meme

EDIT :

si en fait ça fonctionne. c'est moi qui avait fait une faute de frappe

Tu as bien mis display (j'mettais trompé au début).
Sinon essaie


ou

oui c'est bon ça fonctionne maintenant

Ediit (encore )

Et si maintenant je veux que la liste à puce prenne 80% de la page en partant de la droite tu me réponds quoi :)?

Attention, quand dans ta CSS tu met ul, li ou ul li c'est pas du tout pareille. Quand tu met ul li, ta propriètée s'adresse au li dans les ul, mais quand tu met ul, li ta propriètée s'adresse au ul et li. Ici, ça n'avais aucunne importance, d'ailleur, juste li suffirais....

Amicalement,
Nubster

C'est pour ça j'avais mis li au début mais comme ça avait l'air de pas marché j'ai eu des doutes ^^".

oui je me demandais aussi la difference entre un li, ul ou un ul li...

Il y a plein de solution pour aligner ta liste à puce à droite, soit avec la propriètée float:


Bien sur après, il faut voir ce qui peu gèner dans ta page, mais théoriquement ça doit marcher.
Sinon, tu peux essayer avec la propriètée position absolute.


Après, il faut règler à ta guise ton positionnement

Je pense que tu peux essayer un truc du genre :

Re bonjour,

J'ai utilisé cette solution :



Maintenant je voudrai (exigeant moi ) que mes <li> se répartissent automatiquement sur l'espace qui leur ait alloué.

Je sais pas si c'est très compréhensible...

c'est la que le probleme se corse avec les display:inline; tu ne peux pas dimensionner tes <li>.
Alors la tecnique c'est
#menu li
{
float:left;
width:XYpx;
height:XYpx;
display:block;
}

Question d'un gros zero (hé oui): si je transforme mes "li" en inline avec "display: inline;", et que je mets des liens dedans (comme pour un menu), est-ce sémantiquement correct? Car du coup on a une balise inline (<li></li>) avec une autre balise inline à l'intérieur (<a></a>).

Peut-on imbriquer des balises inlines les unes dans les autres.

Cela ne pose-t-il tout simplement aucun problème?

Je m'y connais pas assez, c'est pour ça que je demande, merci!

Ca ne pose aucun problème.

Jette un oeil sur ce tutoriel de AlsaCréation. Dans l'étape 4 (je crois) ils utilisent cette méthode de liste pour faire un menu.

C'est très bien expliqué. Tutoriel


Parenthèse : cette méthode gagnerait à être reconnue. C'est sans doute la meilleure et la plus maléable pour faire des menus.