Discussion :

[trist06]

Bonsoir,

Voila je me pose une petite question, j'aimerais include x nombre de div horizontalement dans une div conteneur.



Voila le résultat que j'obtiens avec ce code :

Code :

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

1
2
3
4
5
6
 
 <div id="description_left_image">
                        <div class="description_left_img"></div>
                        <div class="description_left_img"></div>
                        <div class="description_left_img"></div>
 </div>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
#description_left_image{
    height:150px;
    width: 500px;
    text-align: center;
 
}
 
.description_left_img{
    height:150px;
    width:150px;
    background-color:white;
    display: inline-block;
}

Je souhaiterais que mes description_left_img utilise l'espace disponible dans la div parent :

[Invité]

Bonjour,
500px - 3x(150px) = 50px restant. A repartir donc ?
Quel est le problème ? Avec des margin ça devrait le faire, non ?

[trist06]

oui cette solution est tout a fait convenable mais j'aurais simplement voulu savoir si cet trois blocs ne pouvaient pas simplement utiliser toute la largeur de la div parent automatiquement.

[Invité]

Code :

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

1
2
3
#description_left_image{
    height:150px;
    width: 450px; /* 3 x 150px ! */

ou alors :

Code :

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

1
2
3
4
5
6
7
8
#description_left_image{
    height:150px;
    width: 501px;
}
.description_left_img{
    height:167px; /* 501/3 ! */
    width:150px;
}

Je ne comprend pas bien le souci...