Bonjour la Communauté,

Je ne comprends pas pourquoi j'ai un décalage dans l'affichage de mes 4 photos.

Je voudrais qu'elles soient alignées 2 par 2, les unes au dessus des autres avec le même écart entre.

Ces photos doivent être à droite de ma page.

Je vous transmets le code html et css, je l'ai simplifié au maximun.
Cela fait deux heures que je suis dessus ces 3 trois lignes et je n'arrive à rien.

J'espère que vous pourrez éclairer ma lanterne.

Html :
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
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="description" content="Your description goes here" />
	<meta name="keywords" content="auto, automobile, pieces détachée, bagnole, groupement, adhérents, " />
	<meta name="author" content="Laurent Monnier" />
	<link href="stylessai.css" rel="stylesheet" type="text/css">
	<title>SAFA</title>
</head>
 
 
 
 
<body> 
<div id="container">
	<div id="content">
		<div id="right">
						<div class="thum">
						<a href="#"><img src="../../images/images/ent1.jpg" width="100" height="69" alt="Vue 1 sur l'entrepot" /></a>
						<a href="#"><img src="../../images/images/ent2.jpg" width="100" height="69" alt="Vue 2 sur l'entrepot" /></a>
						<a href="#"><img src="../../images/images/ent3.jpg" width="100" height="69" alt="Vue 3 sur l'entrepot" /></a>
						<a href="#"><img src="../../images/site/Plateforme-Nicopat.jpg" width="100" height="69" alt="Patrick et Nicolas" /></a>
						</div>
 
		</div>
	</div>
</div>
</body>
</html>
Css :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
#container {width:890px; margin-top:1px; text-align:left;}
#right {width:35%; float:right; margin:20px; line-height:1.3em; text-align:justify;}
.thum{padding:2px; margin:20px; border:1px solid #fff; background-color: #CC9900; color: #33CC00;}
A bientôt