Discussion :

[Casey_Garraty]

Bonjour a tous et a toute,

j'ai un petit soucis, mon texte ne veut pas s'aligner avec mon image, j'ai pourtant utiliser float:left...
je vous met une capture d'écran et une partie de mon code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="roll">
					  <img src="img/contenu-img-1.jpg" width="370px" height="273px" alt="img1" class="img1">
 
					 <h3>Une dizaine de militaires armés </h3>
				       <span class="auteur">Antoine Dellec</span>
					   <span class="date">,le 27 avril 2025</span>
 
					 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
					 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, 
					 sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
					 </div>
					 <div class="doc">
					 <img src="img/product-01.png" width="184px" height="187px" alt="doc" class="doc">
					 <img src="img/product-01.png" width="184px" height="187px" alt="doc" class="doc">
					 </div>
 
					  <div class="clear"></div>

et le

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
.roll {
	float:left;
	width:820px;
	overflow: hidden
}
 
.doc  {
	float:right;
	border-left:1px dashed #000;
	width:200px;
	}

(J'ai du donner une largeur aux div sinon ceux ci ne s'alignait pas)

Si vous avez des réponses... merci

[Casey_Garraty]

heeem... Bon en fait je m'étais concentrée sur le float left de mon div et pas de mon image donc voilààààà j'ai perdu 2h a m'énerver pour rien.
ce post est un bon exemple de stupidité.