J'explique le problème:
j'ai deux tableaux supperposés:
[ tableau 1 ]
[ tableau 2 ]
Ces deux tableaux ont chacun 3 colonnes:
[ | | ] t1
[ | | ] t2
Les colonnes n'ont pas la même largeur (celle du milieu un peu plus large).
Tous les attributs sont placés dans une CSS externe.
Le problème est que je n'arrive pas à aligner les bordures des colonnes (indiquées par des pipes ci-dessus) des deux tableaux afin qu'elles correspondent !
Code CSS tableau :
.tableau_truc {
border-style:solid;
border-width:1px;
border-color:rgb(51,51,51);
border-right-style:none;
width:1010px;
max-width:1010px;
height:40px;
}
Code CSS cellule :
cellule_truc {
border-style:none;
border-color:rgb(51,51,51);
border-width:1px;
border-right-style:solid;
text-align: left;
font-size: 14px;
font-weight: bold;
color: #003399;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left: 30px;
height: 25px;
width:321px;
max-width:321px;
}
Sur le principe, si j'indique les mêmes référence CSS pour chaque cellule des deux tableaux, elles devraient être alignées:
[ Cellule X1 | Cellule X2 | Cellule X3 ]
[ Cellule Y1 | Cellule Y2 | Cellule Y3 ]
X1 & Y1 seraient normalement alignées.
X2 & Y2 - - -.
X3 & Y3...............
Mais ça n'est pas le cas !
Des que je tape quelque chose à l'intérieur d'une cellule, elle s'agrandit automatiquement et ça fait foirer l'alignement
Ou ais-je fais des erreurs ?
Toute aide appréciée ![:) :)](https://forum-images.hardware.fr/icones/smile.gif)
Message édité par ANViL le 18-08-2005 à 20:56:55