[CSS] Impossible de fixer la taille

Impossible de fixer la taille [CSS] - HTML/CSS - Programmation

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
Reply

Marsh Posté le 18-08-2005 à 20:54:56   

Reply

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

Reply

Marsh Posté le 19-08-2005 à 01:51:40    

Accessoirement, nous faire voir la page serait plus explicite.

Reply

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 ?


Message édité par ANViL le 19-08-2005 à 11:32:51
Reply

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 ?

Reply

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.
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, quand est-il ?


les logiciels Wysiwyg bien connus :o 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 :)

  • Un div qui remplace un h2, çaÿmal :(
  • Un div pour mettre en page un h2 alors qu'un h2 id="" ou class="" aurait suffi, c'est une méconnaissance des règles de sélection, d'héritage, etc mais bon passe encore, on peut pas tout apprendre en 1 jour :)
  • Un div parce qu'on voit pas comment faire autrement pour styler un bout de page, aucune contre-indication, c'est fait pour ça :jap:


Message édité par phosphorus68 le 19-08-2005 à 11:30:55

---------------
Faudrait pas prendre les oiseaux du bon Dieu pour des canards sauvages
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed