Tableau avec des cases de bordure 1px - HTML/CSS - Programmation
Marsh Posté le 12-05-2006 à 11:46:34
Ben suffit alors de pas afficher par exemple la bordure droite :
td { |
Met genre une classe sur le dernier td (vu que IE6 ne gère pas :last-child), et fait un :
td.last { |
Et le tour est joué !
Marsh Posté le 12-05-2006 à 11:52:38
Super merci !
Entre temps j'ai trouvé une autre solution en bidouillant lol :
Je crée un tableau avec un cellspacing de 1, je met un fond noir au tableau et un fond blanc aux td, ça rend nickel.
Merci beaucoup !!
Marsh Posté le 12-05-2006 à 14:08:33
Ainsi que border-spacing:0px;
Marsh Posté le 12-05-2006 à 14:12:42
Sur des navigateurs un peu ancien, border-spacing ne fonctionnera pas si spécifié dans les CSS. C'est pourquoi le fameux : <table cellspacing="x" cellpadding="n"> reste encore d'actualité malheureusement.
Marsh Posté le 12-05-2006 à 14:22:15
mais malheureusement meme en mettant x=0 et n=0 il y aura toujours des bords de 2 pixels, parce qu'ils ne sont pas confondus.
Avec border-collapse, on n'a plus ce probleme, les bords sont confondus.
Marsh Posté le 12-05-2006 à 14:34:40
phenxdesign a écrit : mais malheureusement meme en mettant x=0 et n=0 il y aura toujours des bords de 2 pixels, parce qu'ils ne sont pas confondus. |
Intéressant. Et ça marche à partir de quelles versions des navigateurs ?
Marsh Posté le 12-05-2006 à 15:18:54
phenxdesign a écrit : Ca je sais pas ... |
De toutes façon sur certaines pages j'ai des div flottants dans tous les sens alors, les v4
Marsh Posté le 12-05-2006 à 11:26:16
Bonjour, j'ai une petite question : comment faire pour que mon tableau ai des cases d'épaisseur 1 pixel ?
pour mes balises td j'ai appliqué ce style :
td
{
border: 1px solid rgb(0,0,0);
}
Cependant, le résultat me donne 2 pixels d'épaisseur (1 pixel par case donc comme les cases se touchent et ne se chevauchent pas, ça me donne 2 pixels d'épaisseur).
Merci