Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1263 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Tableau avec des cases de bordure 1px

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Tableau avec des cases de bordure 1px

n°1364941
benjones
Posté le 12-05-2006 à 11:26:16  profilanswer
 

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

mood
Publicité
Posté le 12-05-2006 à 11:26:16  profilanswer
 

n°1364964
FlorentG
Unité de Masse
Posté le 12-05-2006 à 11:46:34  profilanswer
 

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

n°1364972
benjones
Posté le 12-05-2006 à 11:52:38  profilanswer
 

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

n°1365008
phenxdesig​n
Posté le 12-05-2006 à 12:50:45  profilanswer
 

Accessoirement :
border-collapse: collapse;

n°1365072
benjones
Posté le 12-05-2006 à 14:05:19  profilanswer
 

Merci beaucoup !

n°1365083
j_lecruel
☀ ☁ ☂
Posté le 12-05-2006 à 14:08:33  profilanswer
 

Ainsi que border-spacing:0px;


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
n°1365098
Hermes le ​Messager
Breton Quiétiste
Posté le 12-05-2006 à 14:12:42  profilanswer
 

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

n°1365108
phenxdesig​n
Posté le 12-05-2006 à 14:22:15  profilanswer
 

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.

n°1365117
Hermes le ​Messager
Breton Quiétiste
Posté le 12-05-2006 à 14:34:40  profilanswer
 

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 ?  

n°1365138
phenxdesig​n
Posté le 12-05-2006 à 14:51:33  profilanswer
 

Ca je sais pas ...
je pense les v4

mood
Publicité
Posté le 12-05-2006 à 14:51:33  profilanswer
 

n°1365183
benjones
Posté le 12-05-2006 à 15:18:54  profilanswer
 

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:  


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Tableau avec des cases de bordure 1px

 

Sujets relatifs
insertion de donnée dans tableau excel en phpTableau Excel en php
écriture verticale dans un tableau Word aidez moi avec perl :mettre les données d'un fichier dans un tableau
fixer des header sur un tableaufaire un tableau de correspondance: marges/pourcentage
affichage d'une page dans case de tableauOptimisation récupération d'un gros tableau MySQL.
[SOAP] Retourner un tableauInsertion de valeur dans un tableau associatif ?
Plus de sujets relatifs à : Tableau avec des cases de bordure 1px


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR