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

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

Marsh Posté le 29-07-2002 à 15:35:18    

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.

Reply

Marsh Posté le 29-07-2002 à 15:35:18   

Reply

Marsh Posté le 29-07-2002 à 15:39:21    

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
Reply

Marsh Posté le 29-07-2002 à 15:44:03    

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 .

Reply

Marsh Posté le 29-07-2002 à 15:46:37    

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>

Reply

Marsh Posté le 29-07-2002 à 15:48:14    

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

Reply

Marsh Posté le 29-07-2002 à 15:51:13    

dans le tableau, visuellement les ligne on une couleur
 

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


 
 
je parle des ligne horizontal

Reply

Marsh Posté le 29-07-2002 à 15:54:35    

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.

Reply

Marsh Posté le 29-07-2002 à 15:54:53    

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
Reply

Marsh Posté le 29-07-2002 à 16:00:02    

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

Reply

Marsh Posté le 29-07-2002 à 16:06:37    

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

Reply

Marsh Posté le 29-07-2002 à 16:06:37   

Reply

Marsh Posté le 29-07-2002 à 16:08:27    

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

Reply

Marsh Posté le 29-07-2002 à 16:11:42    

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

Reply

Marsh Posté le 29-07-2002 à 16:17:20    

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
Reply

Marsh Posté le 29-07-2002 à 16:19:01    

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
Reply

Marsh Posté le 29-07-2002 à 16:38:03    

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>

Reply

Marsh Posté le 29-07-2002 à 16:44:14    

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
Reply

Marsh Posté le 29-07-2002 à 17:03:03    

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

Reply

Marsh Posté le 29-07-2002 à 17:11:29    

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

Reply

Marsh Posté le 29-07-2002 à 19:02:33    

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

Reply

Marsh Posté le 29-07-2002 à 19:26:38    

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:

Reply

Sujets relatifs:

Leave a Replay

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