|
|
|
|
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;
}
Configuration: Windows Vista Firefox 3.0.10
Bonjour, tu peux le faire de plusieur facon,
<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. |