CSS Image dépasse de mon div
Etienne
-
Etienne -
Etienne -
Bonjour,
j'ai un problème de positionnement d'image, lorsque je place mon image, elle dépasse de mon cadre, qui est contenu dans un div. (ça marche bien sous IE7......)
http://etienne.leplumey.free.fr/accueil voici le problème, c'est l'image du bas qui sort du cadre.
Voici mon code, je m'explique mal :
<div id="corps">
<div id="corps_top">
</div>
<h1>News</h1>
<h2>Résidence</h2>
<p>......</p>
<h2>Concert Samedi 12 juin</h2>
<p><img src="images/blozparty.jpg" >........</p>
<h2>Concert Samedi 12 juin</h2>
<p><img src="images/Albert.jpg" >......
</p>
</div>
<div id="footer">
<p>......</p>
</div>
Voici mon CSS :
#corps
{
margin-top:30px;
margin-bottom:-20px;
background-image: url("images/corps_centre.jpg");
width: 780px;
background-repeat: repeat-y;
}
#corps p
{
text-align:justify;
margin-left:25px;
margin-top:0px;
padding-right:25px;
padding-bottom:10px;
}
#corps img
{
float: left;
width:200px;
padding-right:10px;
}
#footer
{
background-image: url("images/footer.jpg");
background-repeat: no-repeat;
height:40px;
margin-top:10px;
text-align:center;
color:white;
font-size: 14px;
}
Merci d'avance, c'est peut être tout bête je connais pas grand chose en CSS.
j'ai un problème de positionnement d'image, lorsque je place mon image, elle dépasse de mon cadre, qui est contenu dans un div. (ça marche bien sous IE7......)
http://etienne.leplumey.free.fr/accueil voici le problème, c'est l'image du bas qui sort du cadre.
Voici mon code, je m'explique mal :
<div id="corps">
<div id="corps_top">
</div>
<h1>News</h1>
<h2>Résidence</h2>
<p>......</p>
<h2>Concert Samedi 12 juin</h2>
<p><img src="images/blozparty.jpg" >........</p>
<h2>Concert Samedi 12 juin</h2>
<p><img src="images/Albert.jpg" >......
</p>
</div>
<div id="footer">
<p>......</p>
</div>
Voici mon CSS :
#corps
{
margin-top:30px;
margin-bottom:-20px;
background-image: url("images/corps_centre.jpg");
width: 780px;
background-repeat: repeat-y;
}
#corps p
{
text-align:justify;
margin-left:25px;
margin-top:0px;
padding-right:25px;
padding-bottom:10px;
}
#corps img
{
float: left;
width:200px;
padding-right:10px;
}
#footer
{
background-image: url("images/footer.jpg");
background-repeat: no-repeat;
height:40px;
margin-top:10px;
text-align:center;
color:white;
font-size: 14px;
}
Merci d'avance, c'est peut être tout bête je connais pas grand chose en CSS.
A voir également:
- CSS Image dépasse de mon div
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
- Image gratuite - Guide