Probleme css alignement horizontal tableau

Fermé
reno - 5 juin 2009 à 00:09
Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 - 5 juin 2009 à 07:01
Bonjour,

voila j ai 3 tableaux dans un tableau et je souhait les positionner de manier a ce que les trois tableaux soit cote a cote et non pas en dessous d el autre mais je ne connais la syntaxe qui pourrait m'aider mon problème concerne le tableau 2,3 et 4

voici mon code css

merci à vous

body
{
background-color: white;
font-family: tahoma,arial,helvetica,sans-serif;
color: #000000;
font-size: 8pt;
}
.tableau1 {
border: 1px solid #000000;
width: 750px;
height: 600px;
margin: auto;
background-color: #f9a35b;

}


.tableau2 {
border: 1px solid #000000;
width: 210px;
height: 400px;
background-color: #f9a35b;
margin-left: 15px;
}


.tableau3 {
border: 1px solid #000000;
width: 210px;
height: 400px;
background-color: #f9a35b;
margin-left: auto;
margin-right: auto;
}

.tableau4 {
border: 1px solid #000000;
width: 210px;
height: 400px;
background-color: #f9a35b;
margin-left: 523px;

}
A voir également:

1 réponse

Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 274
5 juin 2009 à 07:01
bonjour, tu peux le faire de plusieur facon,

la plus simple est a mon avis de mettre les trois tableau dans un tableau :

<table>
      <tr>
            <td>Tableau 1</td>
            <td>Tableau 2</td>
            <td>Tableau 3</td>
      </td>
</table>


avec la propriété css vertical-align: top;

sinon la deuxième solution c'est de mettre float:left; sur tout tes tableaux .

la première solution est plus simple a mettre en place mais si tes 3 tableaux réunis sont plus large que le div qui les contient ils en sortiront...

la seconde demandera plus de propriétés css mais si les tableaux réunis sont plus large que le div qui les contient les dernière se mettra à la ligne.
0