Tableaux et bordure

Tableaux et bordure - HTML/CSS - Programmation

Marsh Posté le 13-03-2004 à 23:37:42    

Hello,
J'ai une question toute conne concernant les tableaux et leur bordures.
Pour mettre une bordure à un tableau je fait comme ça:

Code :
  1. <table style="border: 1px solid #000">


 
Le problème c'est que seul le contour du tableau est affecté par cette bordure. Il y a t-il un attribut CSS pour que toutes les "arrêtes" du tableau aient une bordure de 1px? (comme le faisait l'attribut border="X" avec X entier).
 
Sinon je part avec une méthode crade, mais ca m'arrange pas :(
 
Merci d'avance.

Reply

Marsh Posté le 13-03-2004 à 23:37:42   

Reply

Marsh Posté le 13-03-2004 à 23:48:42    

ben tu met le style sur l'element td.
 
et externalize ton style dans un fichier css


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 13-03-2004 à 23:51:57    

oui, pour l'externalisation je le fait systématiquement.
Le problème avec ta technique, c'est qu'entre 2 <td>, la bordure sera de 2 pixels, or moi je voudrais une bordure avec seulement 1 pixel de séparation.
Je sens que je vais être obligé d'appliquer des styles différents à chaque case pour m'en sortir :(

Reply

Marsh Posté le 13-03-2004 à 23:58:52    

Ayuget a écrit :

oui, pour l'externalisation je le fait systématiquement.
Le problème avec ta technique, c'est qu'entre 2 <td>, la bordure sera de 2 pixels, or moi je voudrais une bordure avec seulement 1 pixel de séparation.
Je sens que je vais être obligé d'appliquer des styles différents à chaque case pour m'en sortir :(


 
Non.
 
Il y a plusieur méthodes, je te donne la mienne :
 
- couleur de fond pour la table qui sera celle de la bordure avec en plus un cellspacing à 1.
- autre couleur de fond pour les cellules.

Reply

Marsh Posté le 13-03-2004 à 23:59:54    

hermes le messager a écrit :


 
Non.
 
Il y a plusieur méthodes, je te donne la mienne :
 
- couleur de fond pour la table qui sera celle de la bordure avec en plus un cellspacing à 1.
- autre couleur de fond pour les cellules.

[:mlc]
 
border-collapse: collapse;


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 14-03-2004 à 00:00:54    

the real moins moins a écrit :

[:mlc]
 
border-collapse: collapse;
 


 
Oui, c'est également une autre méthode. Je préfère la mienne. Plus compatible en particulier avec les anciens navigateurs.

Reply

Marsh Posté le 14-03-2004 à 00:15:32    

hermes le messager a écrit :


 
Non.
 
Il y a plusieur méthodes, je te donne la mienne :
 
- couleur de fond pour la table qui sera celle de la bordure avec en plus un cellspacing à 1.
- autre couleur de fond pour les cellules.


Merci de ta réponse, je vais faire avec ta méthode!

Reply

Marsh Posté le 14-03-2004 à 00:31:49    

perso je trouve plus simple de faire
 
<table class="bidule"><tr><td>...</td></tr><tr><td>...</td></tr></table>
 
et d'avoir dans le CSS
 
table.bidule, table.bidule td
{
  border: 1px solid black;
  border-collapse: collapse;
}
 
mais bon [:spamafote]
 
Hermes, c'est avec quels browsers que ça ne fonctionne pas ?


Message édité par antp le 14-03-2004 à 00:32:33

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 14-03-2004 à 00:36:17    

tain antp, 2 gros grillages de suite, tu m'a mis dans ta boitacon ou quoi? [:itm]


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 14-03-2004 à 00:40:48    

:heink: je vois pas en quoi je suis grillé, je montre juste un exemple de ce que t'as dit pour prouver à quel point cette solution est simple :p
 
edit: et pour l'autre topic j'avais bien vu ton post, mais l'auteur du topic semblait ne pas l'avoir vu :sarcastic:


Message édité par antp le 14-03-2004 à 00:41:35

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 14-03-2004 à 00:40:48   

Reply

Marsh Posté le 14-03-2004 à 00:43:49    

ok [:itm]


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 14-03-2004 à 00:44:56    

antp a écrit :

perso je trouve plus simple de faire
 
<table class="bidule"><tr><td>...</td></tr><tr><td>...</td></tr></table>
 
et d'avoir dans le CSS
 
table.bidule, table.bidule td
{
  border: 1px solid black;
  border-collapse: collapse;
}
 
mais bon [:spamafote]
 
Hermes, c'est avec quels browsers que ça ne fonctionne pas ?


 
Je ne me souviens plus, ça doit faire 1 an ou 2 que j'avais cherché dessus, et à cette époque, seule ma solution fonctionnait partout. Je crois qu'il y avait aussi des histoires de distance, genre 1 px de moins avec IE ou le contraire...Je ne me souviens plus très bien.

Reply

Sujets relatifs:

Leave a Replay

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