Discussion :

[hellworld]

Bonjour, j'ai un petit soucis de mise en page.
je souhaiterai simplement lire dans une table, récupérer une donnée (qui corresponde a une url d'image) et les afficher les une après les autres avec un saut de ligne automatique en bout d'écran.

Tout est ok sauf l'histoire du saut de ligne automatique.
J'imagine qu'en mettant des div les un a coté des autres on devrai arriver simplement a un résultat du genre

[1] [2] [3] [4]
[5] [6] [7] [8]

Sachant que toutes les images ont strictement la meme taille mais je ne veux pas spécifier qu'a la 5eme images on passe a la ligne du dessous car c'est dépendant dans la résolution de l'utilisateur !

Bref, si quelques un peu de me dire comment mettre en forme ca avec un css et mes div ca serai cool !

Merci d'avance.
Bonne soirée.

[Invité]

Bonjour,
des <div> en float:left; et width:25%; (pour 4 images; ou 20% pour 5 images,...).

[Shr3ck]

Tu peux essayer avec :

Code css :

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

display:inline-block

Ça devrait faire ce que tu souhaites.
(A ajouter au css de tes images)

[NoSmoking]

Bonjour,

Tu peux essayer avec : display:inline-block

attention aux whitespace qui ne manqueront pas de ce glisser entre les différentes images si les précautions d'usage ne sont pas prises.

[hellworld]

J'ai essayé tous ca pourtant ca ne fonctionne pas !

J'ai trouvé une autre solution, qui me plait moyen mais on va faire avec le temps de trouver mieux.

Si quelqu'un a un exemple concret qui fonctionne je suis toujours preneur

[JefReb]

Avec un peu de code en ligne, il serait possible de comprendre ce qui ne marche pas.

[Bovino]

avec un saut de ligne automatique en bout d'écran

Ben... c'est le comportement par défaut si tu mets plusieurs images les unes à la suite des autres...

[Mell]

Utilises http://jsfiddle.net pour nous en dire plus sur ton problème