Impossible de fixer la taille [CSS] - HTML/CSS - Programmation
Marsh Posté le 18-08-2005 à 23:28:32
ce sont des données tabulaires que tu fous dans tes tableaux ou ce sont des tableaux de mises en page ?
si c'est le deuxieme cas, ben tu vires tes tableaux et tu me fais l'effort d'un joli truc full CSS
Marsh Posté le 19-08-2005 à 01:51:40
Accessoirement, nous faire voir la page serait plus explicite.
Marsh Posté le 19-08-2005 à 10:27:48
j'ai suivi les conseils de gatsusat et j'ai tout fait en css.
D'habitude je me sers des tables pour formater toute la m-e-p, je trouve ça plus pratique que les div.
D'ailleurs à ce sujet, j'ai entendu dire que les div n'étaient pas toujours appréciés, qu'en est-il ?
Marsh Posté le 19-08-2005 à 11:24:44
ben il n'y a pas que les DIV dans la vie, les DIV ce sont des elements block qui n'ont aucunes dimensions par défaut ni marges.
ces éléments peuvent être utiles quand aucun autre élément HTML n'a pu être utile dans le cas précis.
ya pleins de balises en HTML :
P, SPAN, EM, UL LI, DL DT DD, ....
chaque balise à une utilité précise et donc faut pas faire n'importe quoi avec le HTML.
tu nous montres ta page ?
Marsh Posté le 19-08-2005 à 11:30:13
ANViL a écrit : j'ai suivi les conseils de gatsusat et j'ai tout fait en css. |
les logiciels Wysiwyg bien connus usent et abusent des div quand on ne les paramètre pas et ça se voit quand le visiteur d'un site affiche le source de la page
Marsh Posté le 18-08-2005 à 20:54:56
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
Message édité par ANViL le 18-08-2005 à 20:56:55