Probleme css alignement horizontal tableau
reno
-
Atropa Messages postés 2051 Statut Membre -
Atropa Messages postés 2051 Statut Membre -
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;
}
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:
- Probleme css alignement horizontal tableau
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Imprimer tableau excel sur une page - Guide
1 réponse
bonjour, tu peux le faire de plusieur facon,
la plus simple est a mon avis de mettre les trois tableau dans un tableau :
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.
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.
