28220 sujets

CSS et mise en forme, CSS3

[resolu] Probleme de contenant... qui ne contient pas :(

Bonjour,

J'ai un petit probleme de contenant. Pour vous expliquer mon probleme, supposons que je veux mettre 2 photos, avec chacune inscrit a sa droite un descriptif. J'ai mis ce code:

<div class="contenant">
 <div>
  <img src="image1.jpg">
  <p> description img 1 </p>
 </div>
 <div>
  <img src="image2.jpg">
  <p> description img 2 </p>
 </div>
</div>


Et le css que j'ai ecris:

.contenant { border: 1px solid gray;
    }

 .contenant img { width: 200px;
    height: 150px;
    float: left;
    }

 .contenant p {
    float: left;
    }


Or, je me retrouve avec deux problemes:
_ le premier vient du fait que la deuxieme image vient se coller sur la droite du premier paragraphe, alors que je voudrais qu'elle soit dessous
_ le second vient du fait que ma bordure de contenant ne fait pas le pourtour des images+paragraphes

Est-ce que vous pourriez me suggerer un code qui fonctionne, et aussi la raison pour laquelle mon code ne fonctionne pas.

Merci par avance pour votre aide Smiley biggrin
Modifié par pierre0603 (05 Mar 2006 - 16:04)
Il te faut englober ton image avec l'élément <p>

HTML
<p><img src="" alt=""></p>


Du coups, les divisions autour ne sont plus nécéssaires
Merci pour votre reponse a tous les deux, je regarde ce que j'obtiens et je vous tiens au courant. Pour ce qui etait de savoir si j'avais regarde la faq, je l'ai fait vite fait, desole Smiley confused
Sujet clos
Aller à