Trois balives DIV sur une ligne

Mateo -  
mpmp93 Messages postés 7217 Statut Membre -
Bonjour,

je veux mettre trois div sur même ligne.
J'ai fais ceci :

#bonusG
{
float : left;
width:270px;
height:160px;
border: 1px;
border:#000000;
border:groove;
vertical-align:middle;
}

#bonusM
{
float : middle;
width:270px;
height:160px;
border: 1px;
border:#000000;
border:groove;
vertical-align:middle;
}

#bonusD
{
float : right;
width:270px;
height:160px;
border: 1px;
border:#000000;
border:groove;
vertical-align:middle;
}


Il me met les deux sur une ligne et celle de droite de l'autre. si vous pouvez m'aider ??

Merci beaucoup...

A voir également:

1 réponse

Réponse 1 / 1
dariumis Messages postés 583 Statut Membre 63
 
Salut, pour mettre plusieur div sur une ligne moi je fais comme ça:
HTML: 
<div id="ligne"> 
    <div class="cellule"> 
          cellule1 
    </div> 
    <div class="cellule"> 
          cellule2 
    </div> 
    <div class="cellule"> 
          cellule3 
    </div> 
</div>

CSS: 

#ligne{ 
overflow:hidden; 
} 
.cellule{ 
float:left; 
width:32%; 
}
2
mpmp93 Messages postés 7217 Statut Membre 1 340
 
il y a plus simple: 

#ligne div {
  display: inline-block;
  width: 32%;
}


et votre code HTML: 

<div id="ligne"> 
    <div>cellule1</div> 
    <div>cellule2</div> 
    <div>cellule3</div> 
</div>


A+
0

Discussions similaires

On me voit connecté sur facebook alors que je n'y suis pas
MrTheMolode -
lily -

5 réponses
Statut « en ligne » alors que non
GgBono -
Slickk -

1 réponse
Ligne occupée : pourquoi mon téléphone sonne occupé ?
nanou -
Tiguet -

29 réponses