28220 sujets

CSS et mise en forme, CSS3

Mise en forme : 3 images & 3 commentaires

Bonjour,

Voilà ce que je voudrais obtenir : http://zerocide.free.fr/prob.gif

Je suis dans un bloc div et je voudrais situer 3 images sur la gauche et 3 commentaires en face chaque image.

Dans mes CSS j'ai clear: left pour les images mais je ne sais pas quoi faire pour les textes.

Une idée...
bah même avec un float: left j'y arrive pas.

Les images se positionnent bien les unes en dessous des autres mais les textes ne vont pas en face de chaque image.

La seule chose que je peux faire c'est imbriquer des <div> (ou me faire lyncher avec une baliste <table>).
Modérateur
Tu peux nous montrer le code html et CSS que tu utilise, ou encore un url pour constater les dégâts ? Ca nous aiderait mieux à trouver ce qui ne marche pas.
Salut,

peut-être un code dans ce genre

html

<div>
<img src="">
<p>Commentaire 1</p>
<div class="spacer"> </div>
<img src="">
<p>Commentaire 2</p>
</div>


css

img {
float: left;
clear : left;
}

p {
float: left;
clear: right;
}

.spacer {
clear: both;
}
Sujet clos
Aller à