Bonjour à tous,
Je suis nouveau ici, c'est d'ailleur mon premier post ici. Je me suis servi d'alsace création pour comprendre la notion de mise en page avec les DIV mais la je me heurte à un pb.
J'ai un div qui contient du texte et des images. Mes images sont soit float:Right soit float:Left. Mon pb est difficile à expliquer, donc le voici en image
http://www.boulards.net/alsacecreation.gif
Ma deuxieme image sort de mon div contenant :
Le code CSS utilisé est le suivant:
Y 'a t'il un moyen de réparer cela , la page se trouve ici -> http://www.boulards.net/test.html
Merci par avance de votre réponse.
B.
Je suis nouveau ici, c'est d'ailleur mon premier post ici. Je me suis servi d'alsace création pour comprendre la notion de mise en page avec les DIV mais la je me heurte à un pb.
J'ai un div qui contient du texte et des images. Mes images sont soit float:Right soit float:Left. Mon pb est difficile à expliquer, donc le voici en image
http://www.boulards.net/alsacecreation.gif
Ma deuxieme image sort de mon div contenant :
Le code CSS utilisé est le suivant:
.content{
display:block;
position:relative;
text-align: justify;
border: 1px solid #cccccc;
font-size: 12px;
padding: 1px 15px 15px 15px;
color: Black;
}
.cadrePhotoBlogRight {
display:block;
border-bottom: 1px solid #AEAD9F;
border-top: 1px solid #E2E3D5;
border-right: 1px solid #AEAD9F;
border-left: 1px solid #E2E3D5;
padding:8px 8px 8px 8px;
margin: 0px 0px 0px 15px;
background-color:#F7F7F7;
float: right;
}
.cadrePhotoBlogLeft {
display:block;
border-bottom: 1px solid #AEAD9F;
border-top: 1px solid #E2E3D5;
border-right: 1px solid #AEAD9F;
border-left: 1px solid #E2E3D5;
padding:8px 8px 8px 8px;
margin: 0px 15px 0px 0px;
background-color:#F7F7F7;
float: left;
}
Y 'a t'il un moyen de réparer cela , la page se trouve ici -> http://www.boulards.net/test.html
Merci par avance de votre réponse.
B.