Trois balives DIV sur une ligne

Mateo -  
mpmp93 Messages postés 2931 Date d'inscription   Statut Membre Dernière intervention   -
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...

1 réponse

  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
    1. mpmp93 Messages postés 2931 Date d'inscription   Statut Membre Dernière intervention   1 343
       
      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

Statut « en ligne » alors que non
GgBono -
Slickk -

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

5 réponses
En ligne sur Messenger alors que non
cocotte2011 -
dodo -

27 réponses