Bonjour,

J'ai un petit problème qui a été traité plusieurs fois, mais bon, j'ai pas réussi a le faire.

je n'arrive pas a aligner mes DIV horizontalement,

voici, un aperçu d'un résultat souhaité, Nom : alignement des div.png Affichages : 8268 Taille : 18,5 Ko

voici mon code css
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
	#Container #Main #Conteneur{
		display:inline-block;
		margin:5px; 
		height:500px;
		width:100%;
        }
#Container #Main #Conteneur .Block{
		width:226px;
		height:330px;
	    padding:10px;
 
 
		}
	#Container #Main #Conteneur .Block .Block_title{
		padding-left:10px;
		border-style:ridge;
		text-align:left;
		}
	#Container #Main #Conteneur .Block .Block_img{
		border-style:ridge;
 
		}
 
 
		}
j'ai essayé le display : inline-block / float: left / float : right au niveau de #Container #Main #Conteneur

Et le code HTML :


Code html : 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
31
32
33
34
35
36
37
38
39
      	<div id="Conteneur">
    		<div class="Block">
        		<div class="Block_title">
          	  Titre 01
            	</div><!--end Class Block_Title -->
           		 <div class="Block_img">
         			 <img src="images/web_design.jpg" width="220" height="220"  alt=""/> 
        	     </div><!--end Class Block_img -->
       		</div><!--end Class Block -->
 
            <div class="Block">
        		<div class="Block_title">
          	  Titre 02
            	</div><!--end Class Block_Title -->
           		 <div class="Block_img">
         			 <img src="images/web_design.jpg" width="220" height="220"  alt=""/> 
        	     </div><!--end Class Block_img -->
       		</div><!--end Class Block -->
 
            <div class="Block">
        		<div class="Block_title">
          	  Titre 03
            	</div><!--end Class Block_Title -->
           		 <div class="Block_img">
         			 <img src="images/web_design.jpg" width="220" height="220"  alt=""/> 
        	     </div><!--end Class Block_img -->
       		</div><!--end Class Block -->
 
            <div class="Block">
        		<div class="Block_title">
          	  Titre 04
            	</div><!--end Class Block_Title -->
           		 <div class="Block_img">
         			 <img src="images/web_design.jpg" width="220" height="220"  alt=""/> 
        	     </div><!--end Class Block_img -->
       		</div><!--end Class Block -->
 
 
         </div><!-- end Conteneur-->

Merci pour votre aide,