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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [ HTML,CSS ] <tbody> naccepter pas bordercolor?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[ HTML,CSS ] <tbody> naccepter pas bordercolor?

n°185350
Maxime
Posté le 29-07-2002 à 15:35:18  profilanswer
 

Je voulais savoir si la balise <tbody> acceptais l'attribu bordercolor="" , apparament non d'apres mes tests mais je voufrais m'en assurrer  :sweat:  
 
 
merci a vous.

mood
Publicité
Posté le 29-07-2002 à 15:35:18  profilanswer
 

n°185355
antp
Super Administrateur
Champion des excuses bidons
Posté le 29-07-2002 à 15:39:21  profilanswer
 

tbody c'est quoi :??:
pour table en tout cas bordercolor c'est un truc de IE, pas standard.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°185366
Maxime
Posté le 29-07-2002 à 15:44:03  profilanswer
 

tbody cest un truc qui permet de definir une ou plusieur ligne d'un tableau :
 
<table>
<tbody>
<tr>
</tr>
<tr>
</tr>
</tbody>
</table>
 
 
Sinon j'ai laisser tomber <tbody>.
J'ai defini certaine ligne par une class ( <tr class="tr1"> ) pour pouvoir parametre mes couleur sur une feuille de style, mais je trouve pas le moyen de changer la couleur des lignes. :/
 
PS : j'utilise IE6 .

n°185371
gm_superst​ar
Appelez-moi Super
Posté le 29-07-2002 à 15:46:37  profilanswer
 

Maxime a écrit a écrit :

Je voulais savoir si la balise <tbody> acceptais l'attribu bordercolor="" , apparament non d'apres mes tests mais je voufrais m'en assurrer  :sweat:  
 
 
merci a vous.



Non tu ne peux pas attribuer de propriété de bordure pour un <tbody> ou un <tr>. Tu dois la définir au niveau de tes <td>
 
Pour antp: <tbody> represente un groupe de lignes dans un tableau. Voir http://forum.hardware.fr/forum2.php3?post=23752&cat=10 Il y a aussi <thead> <tfoot> aussi. L'équivalent pour les colonnes c'est <colgroup>

n°185375
gm_superst​ar
Appelez-moi Super
Posté le 29-07-2002 à 15:48:14  profilanswer
 

Maxime a écrit a écrit :

Sinon j'ai laisser tomber <tbody>.
J'ai defini certaine ligne par une class ( <tr class="tr1"> ) pour pouvoir parametre mes couleur sur une feuille de style, mais je trouve pas le moyen de changer la couleur des lignes. :/
 
PS : j'utilise IE6 .



C'est quoi pour toi la "couleur des lignes" ? La couleur de la bordure, du fond ou de la police ? Je crois qu'on s'est mal compris à ce niveau...

n°185380
Maxime
Posté le 29-07-2002 à 15:51:13  profilanswer
 

dans le tableau, visuellement les ligne on une couleur
 

Code :
  1. |---------|
  2. |         |
  3. |---------|
  4. |         |
  5. |---------|
  6. |         |
  7. |---------|


 
 
je parle des ligne horizontal

n°185383
gm_superst​ar
Appelez-moi Super
Posté le 29-07-2002 à 15:54:35  profilanswer
 

Maxime a écrit a écrit :

dans le tableau, visuellement les ligne on une couleur



Une ligne est définie par un <tr>. OK ? Ce que je veux savoir c'est si tu parles de la couleur de la bordure des cellules qui sont dans ce <tr> ou de la couleur de fond de ces cellules.

n°185384
antp
Super Administrateur
Champion des excuses bidons
Posté le 29-07-2002 à 15:54:53  profilanswer
 

Maxime a écrit a écrit :

 
PS : j'utilise IE6 .




 
un conseil : n'écrit pas du html en testant dans IE6
écrit du html en te conformant aux specs du standard en vérifiant avec Mozilla 1 + http://validator.w3.org
Puis tu testes dans les autres browsers pour faire des corrections si nécessaire
Ce n'est qu'un conseil, tu en fais ce que tu veux, mais je crois que c'est plus simple de faire ça plutôt que d'essayer de rendre compatible Netscape le code qui passe en IE (puisque tout passe en IE :D)
 
PS: tu peux en profiter pour passer au XHTML 1.1 :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°185390
Maxime
Posté le 29-07-2002 à 16:00:02  profilanswer
 

gm_superstar a écrit a écrit :

 
Une ligne est définie par un <tr>. OK ? Ce que je veux savoir c'est si tu parles de la couleur de la bordure des cellules qui sont dans ce <tr> ou de la couleur de fond de ces cellules.




 
les bordures
 
antp : faudrais deja que jarrive a faire fonctionner le truc ca sera deja un grand pas  :D

n°185397
gm_superst​ar
Appelez-moi Super
Posté le 29-07-2002 à 16:06:37  profilanswer
 

Maxime a écrit a écrit :

les bordures



Dans ce cas il faut les définir au niveau des <td> :
 
td {
  border-top: 1px #000000 solid;
}

mood
Publicité
Posté le 29-07-2002 à 16:06:37  profilanswer
 

n°185401
Maxime
Posté le 29-07-2002 à 16:08:27  profilanswer
 

cest ce que je suis en train d'essayer de faire, mais ca ne me donne pa les meme resultat que si je parametrais directement avec les balise html  :sweat:  
 
je fais encore 2-3essay

n°185408
gm_superst​ar
Appelez-moi Super
Posté le 29-07-2002 à 16:11:42  profilanswer
 

Quel résultat final veux-tu avoir précisément ?

n°185416
Maxime
Posté le 29-07-2002 à 16:17:20  profilanswer
 

www.dvd-ripp.fr.st  => regarde le tableau a gauche , le menu
http://dvd_ripp/page_php/?page=news.php3 => et regarde ici :(
 
 
pour le 2eme lien ( celui que je fais ) donc un ficheir style jai mis ca :  

Code :
  1. .td1{
  2. border-top: 2px none #006699;
  3. border-bottom: 2px none #006699;
  4. background-color : #FFFFFF;
  5. }
  6. .td2{
  7. border-top: 2px solid #006699;
  8. border-bottom: 2px solid #006699;
  9. background-color : #0099CC;
  10. }


 
 
les .td1 sont les case a fond blanc, et les .t2d les case a fond bleu ( toujours dans le menu )


Message édité par Maxime le 29-07-2002 à 17:48:04
n°185420
Maxime
Posté le 29-07-2002 à 16:19:01  profilanswer
 

Arf quel nouille, jai mis none comme style pour les td1 .......
bon je pense que je vias y arriver tout seul :=)


Message édité par Maxime le 29-07-2002 à 16:34:33
n°185441
gm_superst​ar
Appelez-moi Super
Posté le 29-07-2002 à 16:38:03  profilanswer
 

Maxime a écrit a écrit :

Arf quel nouille, jai mis none comme style pour les td1 .......



Voilà c'est ce que j'allais dire ;)
 
Bon j'ai viré tout les attributs qu'il y avait dans le <table> et je lui ai créé une classe à lui :
table.menu {
width: 125px;
border: 1px solid #000000;
border-spacing: 0px;
border-collapse: collapse;
}
td.td1{
border-top: 2px solid #006699;
border-bottom: 2px solid #006699;
background-color : #FFFFFF;
padding: 0px;
}
td.td2{
border-top: 2px solid #006699;
border-bottom: 2px solid #006699;
background-color : #0099CC;
padding: 0px;
}
 
PS: ton code a sérieusement besoin d'un bon coup de ménage. Des trucs comme ça c'est l'horreur : <font>News</font>

n°185455
Maxime
Posté le 29-07-2002 à 16:44:14  profilanswer
 

mon code a 8 mois :/    :D  
 
bon now cest excatement pareils
 
le menu a 4 type des cellule :  

Code :
  1. .td1{
  2. border-bottom: 1px solid #006699;
  3. background-color : #FFFFFF;
  4. width: 125;
  5. height: 10;
  6. }
  7. .td2{
  8. border-top: 1px solid #006699;
  9. border-bottom: 1px solid #006699;
  10. background-color : #FFFFFF;
  11. width: 125;
  12. height: 20;
  13. }
  14. .td3{
  15. border-top: 1px solid #006699;
  16. border-bottom: 1px solid #006699;
  17. background-color : #0099CC;
  18. width: 125;
  19. height: 25;
  20. }
  21. .td4{
  22. border-top: 1px solid #006699;
  23. border-bottom: 1px solid #006699;
  24. background-color : #FFFFFF;
  25. width: 125;
  26. height: 40;
  27. }


 
.td1 = la premiere cellule ou je doit virer le border-top
.td2 = les cellules pour les liens interne au site
.td3 = les titres du menu ( MENU , HEBERGEMENT , ... )
.td3 = les cellules pour les "pubs"
 
now, cest excatement pareil qu'avant et compatible NS6 :wahoo:  
 
Je te remerci pour ton aide  :jap:
 
Edit :  
 
cest quoi :  
border-collapse: collapse;
padding: 0px;
 
pas con pour le .table, ca mevite une ligne pour indiquer le with  :D . ( t1 je reflechi jamais moi ) :/


Message édité par Maxime le 29-07-2002 à 16:46:35
n°185474
gm_superst​ar
Appelez-moi Super
Posté le 29-07-2002 à 17:03:03  profilanswer
 

Maxime a écrit a écrit :

 
cest quoi :  
border-collapse: collapse;



border-collapse peut prendre 2 valeurs :
* collapse : les bordures adjacentes des cellules sont fusionnées (en gros si la bordure de gauche d'une cellule fait 2px et la bordure de droite de la cellule suivante fait 2px, la bordure totale fera 2px) Pour que ça marche il faut bien sûr que l'espace entre les bordures des cellules soit nul.
* separate : les bordures adjacentes sont séparés (si je reprend l'exemple précédent, la bordure totale fera 4px)
 
L'avantage de border-collapse: collapse c'est que tu n'as pas à définir des classes particulière comme ton .td1 pour la première cellule de ton tableau. La bordure du haut étant "absorbée" par la bordure du tableau.

Citation :

padding: 0px;


C'est l'équivalent du cellpadding dans ton <table>. Mais il faut le définir au niveau des <td>.

Citation :

pas con pour le .table, ca mevite une ligne pour indiquer le with  :D . ( t1 je reflechi jamais moi ) :/


Les CSS c'est Bien(tm) ;)

n°185485
Maxime
Posté le 29-07-2002 à 17:11:29  profilanswer
 

Citation :

border-collapse peut prendre 2 valeurs :
* collapse : les bordures adjacentes des cellules sont fusionnées (en gros si la bordure de gauche d'une cellule fait 2px et la bordure de droite de la cellule suivante fait 2px, la bordure totale fera 2px) Pour que ça marche il faut bien sûr que l'espace entre les bordures des cellules soit nul.
* separate : les bordures adjacentes sont séparés (si je reprend l'exemple précédent, la bordure totale fera 4px)


 
Si j'ai bien comprit ( :D ), sur le code CSS que j'ai ecrit, si je veut metre " border-collapse : collapse ", il faut que je passe la taille des bordur de 1px à 2px?
 

Citation :

L'avantage de border-collapse: collapse c'est que tu n'as pas à définir des classes particulière comme ton .td1 pour la première cellule de ton tableau. La bordure du haut étant "absorbée" par la bordure du tableau.


 
Tu veut veut dire que le .td2 fera la meme chose avec en plus " border-collapse : collapse " ?
 

Citation :

C'est l'équivalent du cellpadding dans ton <table>. Mais il faut le définir au niveau des <td>.


 
dans ma balise <table> j'ai : cellspacing="0" cellpadding="0" .
pourquoi je ne peut pas le definir par un CSS qui renvoy a <table> au lieu de le faire dans chaque <td> ?

n°185561
gm_superst​ar
Appelez-moi Super
Posté le 29-07-2002 à 19:02:33  profilanswer
 

Maxime a écrit a écrit :

Si j'ai bien comprit ( :D ), sur le code CSS que j'ai ecrit, si je veut metre " border-collapse : collapse ", il faut que je passe la taille des bordur de 1px à 2px?



C'est ça. Mais je ne peux que t'engager à faire quelques essais pour bien saisir la différence car c'est en réalité un peu plus complexe que ça. http://www.yoyodesign.org/doc/w3c/ [...] ml#borders et http://www.yoyodesign.org/doc/w3c/ [...] ng-borders

Citation :

Tu veut veut dire que le .td2 fera la meme chose avec en plus " border-collapse : collapse " ?


Oui avec collaspe, plus besoin de la classe td1.

Citation :

dans ma balise <table> j'ai : cellspacing="0" cellpadding="0" .
pourquoi je ne peut pas le definir par un CSS qui renvoy a <table> au lieu de le faire dans chaque <td> ?


L'équivalent de cellspacing en CSS c'est border-spacing (voir mon premier lien) qui se définit au niveau du table (je l'ai utilisé dans mon exemple en dessus).
 
Quant à padding, il se définit au niveau des cellules. C'est logique car le padding concerne les cellules. Cela permet une plus grande souplesse car si je veux qu'une cellule particulière ait un padding plus grand que les autres, je peux le faire.
D'une manière générale, une cellule est assimilée à une boîte et donc tout le modèle de boîte s'y applique : http://www.yoyodesign.org/doc/w3c/css2/box.html

n°185563
Maxime
Posté le 29-07-2002 à 19:26:38  profilanswer
 

Merci beaucoup  :jap:  
 
Now tout est en CSS, et le site est compatible avec netscape :)
 
ca prend tout de même ~80 ligne de CSS  :o  
 
 
C'est dingue la souplesse du CSS comme tu dit, border-left/right/bottom/top
tout ce kon veut  :wahoo:  
 
 
Encore merci  :hello:


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

  [ HTML,CSS ] <tbody> naccepter pas bordercolor?

 

Sujets relatifs
fo ke je me mette au HTML[html] input type file
[HTML, CSS] Couleur d'un tableau sur fichier .css ?[HTML] Comment forcer le passage a la ligne dans un tableau?
[HTML] Est il possible de definir un filtre........[CSS] Cherche un editeur CSS.
[HTML,JS] Quel code html utilisez vous ?[HTML] On peux limiter le nombre de caractere dans un <textarea> ??
[CSS] Tableless -> Need HELP 
Plus de sujets relatifs à : [ HTML,CSS ] <tbody> naccepter pas bordercolor?


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