Trois balives DIV sur une ligne

Fermé

Mateo - 3 mai 2012 à 06:39
mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 - 3 mai 2012 à 12:26

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:

Trois balives DIV sur une ligne
Comment aller à la ligne sur excel - Guide
Partager photos en ligne - Guide
Site de vente en ligne particulier - Guide
Apparaitre hors ligne instagram - Guide
Gps hors ligne - Guide

1 réponse

Réponse 1 / 1

dariumis Messages postés 571 Date d'inscription mardi 16 mars 2010 Statut Membre Dernière intervention 18 avril 2018 63
Modifié par dariumis le 3/05/2012 à 10:51

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%; 
}

mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
3 mai 2012 à 12:26

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+

Discussions similaires

Que veut dire "correspondant occupé" lors d'un appel ?

Devinette - Trois nains vont à la mine

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

Statut « en ligne » alors que non