Hello à tous,
Je suis en train de me pencher sur le plugin sortable de Jquery.
Tout se passe bien côté programmation, mais j'ai un petit problème de forme.
Sur ma page, j'affiche un nombre X de photos en petites vignettes sous forme de grille grâce à une liste et des éléments de liste comme ci-dessus, et puisque je souhaite les afficher en grille, j'utilise "float:left" sur chaque <li> en CSS, pour les avoir les uns à côté des autres et non pas les uns en dessous des autres.
Ca marche très bien sauf que lorsque l'on arrive à la dernière image et qu'elle n'est pas en fin de ligne (et qu'il reste de l'espace donc), la suite de ma page s'affiche à côté de la dernière vignette et non pas en dessous comme j'aimerais... le principe du 'float:left' vous me direz.
Alors quelqu'un connaît-il le moyen simple pour avoir le beurre et l'argent du beurre ?
Avoir mes images affichées sous forme de grille grâce à float, ET que même si la dernière vignette affichée n'est pas en fin de ligne, la suite de ma page aille quand même à la ligne ?
Merci pour vos idées !
Modifié par xtense (05 May 2011 - 10:21)
Je suis en train de me pencher sur le plugin sortable de Jquery.
Tout se passe bien côté programmation, mais j'ai un petit problème de forme.
<ul id="sort_images">
<li>image 1</li>
<li>image 2</li>
...
</ul>
Sur ma page, j'affiche un nombre X de photos en petites vignettes sous forme de grille grâce à une liste et des éléments de liste comme ci-dessus, et puisque je souhaite les afficher en grille, j'utilise "float:left" sur chaque <li> en CSS, pour les avoir les uns à côté des autres et non pas les uns en dessous des autres.
Ca marche très bien sauf que lorsque l'on arrive à la dernière image et qu'elle n'est pas en fin de ligne (et qu'il reste de l'espace donc), la suite de ma page s'affiche à côté de la dernière vignette et non pas en dessous comme j'aimerais... le principe du 'float:left' vous me direz.
Alors quelqu'un connaît-il le moyen simple pour avoir le beurre et l'argent du beurre ?
Avoir mes images affichées sous forme de grille grâce à float, ET que même si la dernière vignette affichée n'est pas en fin de ligne, la suite de ma page aille quand même à la ligne ?
Merci pour vos idées !
Modifié par xtense (05 May 2011 - 10:21)