Discussion :

[kkali]

bonjour,
j'essaie de trouver un moyen d'empêcher le retour chariot d'une liste à puce après l'<ul>...
je cherche depuis ce matin, sans trouver de solution,
j'ai essayé position:relative; pour décaler mes éléments du flux, mais comme ma div englobante peut scroller (j'ai mis un overflow:auto et bien dans internet explorer, ma liste à puce reste à sa place (comme si elle était en positionnement absolue...) dans firefox, ca marche...

merci pour votre précieuse aide.

[Poulpynette]

Tu as essayé un ça ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

display: inline;

Je dis ça mais je ne suis pas certaine que cela suffise ...

[kkali]

oui, en effet, j'ai bien essayé:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<ul style="dispaly:inline">Oeuvres:
	<li style="display:inline">Cantate numero 1</li>
	<li>Cantate numero 2</li>
</ul>

Cela m'aligne bien le <ul> avec le premier <li>, le problème, c'est que les <li> suivant se positionnent sous le <ul> et pas sous le premier <li>....

[Poulpynette]

Euh ...

Alors attends tu veux que ce soit après le UL que ça ne passe pas en-dessous ?
(auquel cas display: inline sur UL uniquement)

Ou bien tu veux que tous tes LI soient alignés les uns avec les autres ?
(auquel cas display: inline sur tous les LI mais pas UL)

Edit : et si tu veux tout aligner, tu mets display: inline sur tous les éléments ^^

[Erwan31]

Tu as essayé un ça ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

display: inline;

Je dis ça mais je ne suis pas certaine que cela suffise ...

Salut,
non comme les li (plus précisément les éléments dont le display vaut list-item) génèrent une boîte de bloc principale, donc dotée de retours chariot avant et après le li.
Il faudra donc ajouter aussi le display:inline sur le dernier li avec les adaptation nécessaires si le prochain élément inline doit s'afficher à droite de la liste non-ordonnée au niveau du dernier li.

@kkali Un élément Ul ne peut contenir directement que des éléments li et non du contenu anonyme comme dans ton exemple.

Voila un exemple plus simple à privilégier.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<hn style="float:left">Oeuvres:</hn> <!--(n compris entre 1 et 6 selon le niveau hiérarchique du titre  -->
<ul style="overflow:hidden">
	<li>Cantate numero 1</li>
	<li>Cantate numero 2</li>
</ul>

L'overflow-hidden permet de tenir compte du titre hn flottant pour l'établissement des contours de la boîte de bloc UL mais il peut être remplacé par un margin-left au mons égale à la largeur du titre.

[kkali]

Ah oui, en effet, voilà donc le pourquoi du comment:

Un élément Ul ne peut contenir directement que des éléments li et non du contenu anonyme comme dans ton exemple.

C'est sans doute pour ca que j'ai cherché pendant 7 heurs...
je débute, et parfois, c'est dur...
En revanche quand tu dis contenu anonyme, tu parles d'éléments autres que des balises ???, car on peut bien mettre un <a href...>...</a> après un <ul>, non?
En tout cas merci beaucoup.

[Erwan31]

Ah oui, en effet, voilà donc le pourquoi du comment:

C'est sans doute pour ca que j'ai cherché pendant 7 heurs...
je débute, et parfois, c'est dur...
En revanche quand tu dis contenu anonyme, tu parles d'éléments autres que des balises ???, car on peut bien mettre un <a href...>...</a> après un <ul>, non?

Non pas directement. Pour savoir ce qu'un élément peut contenir et quel est son modèle de contenu, se référer à la définition de l'élément dans les spécification HTML4 du W3C (LA référence):

http://www.la-grange.net/w3c/html4.0...s.html#edef-UL
>

<!ELEMENT UL - - (LI)+

Pour mieux comprendre : http://www.la-grange.net/w3c/html4.0...tut.html#h-3.3


Liste des éléments:
http://www.la-grange.net/w3c/html4.0.../elements.html

Le contenu anomyme (selon la terminologie des specs CSS) signifie simplement non balisé.