Bonjour,
Je veux mettre une image à gauche de son conteneur avec float et l'encadrer avec du texte.
Malheureusement, l'image se place en-dessous complètement à gauche de la page au lieu de se placer à gauche de son conteneur.
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 <body> <div class="mainSection"> <div id="left"> <nav class="mainNav"> <!-- Menu --> </nav> <!-- autres éléments --> </div> <div id="right"> <img src="book.jpg" alt="book.jpg" class="floatLeft"> <p>du texte</p> </div>EDIT: J'ai essayé de jouer avec les propriétés css position mais je n'y parviens pas.
Code css : 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
19 .mainSection { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:start; } .floatLeft { float:left; margin-right:10px; margin-bottom:5px; } #right { margin:0; max-width:90%; }
Partager