Bonsoir,

Je voudrais avoir une photo centré sur ma page, et en dessous 3 photos côte à côte.

Pour la 1ere photo pas de problème. (Est-ce que cela est correct de centrer la photo
De cette façon ?)

La 2ème se positionne au dessous mais n’est pas décaler « margin-left:19.5%; »

La 3ème et 4ème se positionnent au dessous de la 2ème.

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
19
.photo-1 {
     margin-top:4%;
     margin-left:39%;
     width:22.3%;
     height:175px;
   }
 
.photo-2 {
    float:left;
    margin-left:19.5%;
    width:19%;
    height:150px;
 
}
.photo-3-4 {
     float:left;
     width:19%;
     height:150px;
   }
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
<div class="photo-1">
<img src="Photos-1.gif" width="250" height="175" />
</div>
 
<div class="photo-2">
<img src="Photos-2.gif" width="175" height="250"/>
</div>
 
<div  class="photo-3-4">
<img src="Photos-3.gif" width="175" height="250"/>
</div>
 
<div  class="photo-3-4">
<img src="Photos-4.gif" width="175" height="250"/>
</div>
Merci pour votre aide.

Salutations