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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Tableaux et bordure

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Tableaux et bordure

n°673029
Ayuget
R.oger
Posté le 13-03-2004 à 23:37:42  profilanswer
 

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.

mood
Publicité
Posté le 13-03-2004 à 23:37:42  profilanswer
 

n°673032
the real m​oins moins
Posté le 13-03-2004 à 23:48:42  profilanswer
 

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 ?
n°673033
Ayuget
R.oger
Posté le 13-03-2004 à 23:51:57  profilanswer
 

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 :(

n°673037
Hermes le ​Messager
Breton Quiétiste
Posté le 13-03-2004 à 23:58:52  profilanswer
 

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.

n°673039
the real m​oins moins
Posté le 13-03-2004 à 23:59:54  profilanswer
 

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 ?
n°673040
Hermes le ​Messager
Breton Quiétiste
Posté le 14-03-2004 à 00:00:54  profilanswer
 

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.

n°673043
Ayuget
R.oger
Posté le 14-03-2004 à 00:15:32  profilanswer
 

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!

n°673053
antp
Super Administrateur
Champion des excuses bidons
Posté le 14-03-2004 à 00:31:49  profilanswer
 

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
n°673055
the real m​oins moins
Posté le 14-03-2004 à 00:36:17  profilanswer
 

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 ?
n°673056
antp
Super Administrateur
Champion des excuses bidons
Posté le 14-03-2004 à 00:40:48  profilanswer
 

: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
mood
Publicité
Posté le 14-03-2004 à 00:40:48  profilanswer
 

n°673057
the real m​oins moins
Posté le 14-03-2004 à 00:43:49  profilanswer
 

ok [:itm]


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°673058
Hermes le ​Messager
Breton Quiétiste
Posté le 14-03-2004 à 00:44:56  profilanswer
 

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.


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

  Tableaux et bordure

 

Sujets relatifs
[HTML/CSS] Entourer un site d'une bordure de 1pixel ...[C / C++] Besoin d'aide sur les tableaux
[php] Tableaux a 2 dimensionsVBA : comparaison de 2 Tableaux
[JS] Bordure indesirable sur rolloverSTL : se débarrasser des tableaux issus du C
[HTML] Site et Tableauxpostgres, tableaux
Mini défi PHP pour ceux qui maitrisent bien les tableauxtaille de bordure sur tableaux
Plus de sujets relatifs à : Tableaux et bordure


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)