Tableau avec des cases de bordure 1px

Tableau avec des cases de bordure 1px - HTML/CSS - Programmation

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 ;)

Reply

Marsh Posté le 12-05-2006 à 11:26:16   

Reply

Marsh Posté le 12-05-2006 à 11:46:34    

Ben suffit alors de pas afficher par exemple la bordure droite :

td {
  border-left: 1px solid black;
}


Met genre une classe sur le dernier td (vu que IE6 ne gère pas :last-child), et fait un :

td.last {
  border-right: 1px solid black;
}


Et le tour est joué !

Reply

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 !!

Reply

Marsh Posté le 12-05-2006 à 12:50:45    

Accessoirement :
border-collapse: collapse;

Reply

Marsh Posté le 12-05-2006 à 14:05:19    

Merci beaucoup !

Reply

Marsh Posté le 12-05-2006 à 14:08:33    

Ainsi que border-spacing:0px;


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

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. :/

Reply

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.

Reply

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.
Avec border-collapse, on n'a plus ce probleme, les bords sont confondus.


 
Intéressant. Et ça marche à partir de quelles versions des navigateurs ?  

Reply

Marsh Posté le 12-05-2006 à 14:51:33    

Ca je sais pas ...
je pense les v4

Reply

Marsh Posté le 12-05-2006 à 14:51:33   

Reply

Marsh Posté le 12-05-2006 à 15:18:54    

phenxdesign a écrit :

Ca je sais pas ...
je pense les v4


 
De toutes façon sur certaines pages j'ai des div flottants dans tous les sens  :pt1cable:  alors, les v4  :lol:  

Reply

Sujets relatifs:

Leave a Replay

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