Rechercher : dans
Par :

Probleme css alignement horizontal tableau

Dernière réponse le 5 jun 2009 à 07:01:02 reno, le 5 jun 2009 à 00:09:00 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « probleme css alignement horizontal tableau » dans :
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...

1

 Atropa, le 5 jun 2009 à 07:01:02

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.

Répondre à Atropa