6 votes

Chevauchement UL, flottement:image gauche

Duplicata possible :
Pourquoi les puces de mes éléments de liste chevauchent-elles les éléments flottants ?

J'ai eu ce problème avec des ul à côté d'une image flottante.

Voici le code que j'ai utilisé

<img src="abc.jpg" width="300" height="375" style="float:left;" /> Hello world isn't this amazing
<ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
  <li>Six</li>
  <!--list shortened for readability-->
</ul>
<p>Extra sample text here</p>

Résultat

Default float problem

S'il est changé en

<ul style="overflow:auto;">

Too long

La liste se poursuit au-delà de l'image, ce n'est pas ce que je veux.

L'essai ci-dessous donne également le mauvais résultat

<ul style="list-style-position: inside;">

Green text are comments

Photoshop de ce que je veux What i want

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X