<tbody> naccepter pas bordercolor? [ HTML,CSS ] - HTML/CSS - Programmation
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.
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 .
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 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>
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...
Marsh Posté le 29-07-2002 à 15:51:13
dans le tableau, visuellement les ligne on une couleur
Code :
|
je parle des ligne horizontal
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.
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 )
PS: tu peux en profiter pour passer au XHTML 1.1
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
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;
}
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
je fais encore 2-3essay
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 :
|
les .td1 sont les case a fond blanc, et les .t2d les case a fond bleu ( toujours dans le menu )
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 :=)
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>
Marsh Posté le 29-07-2002 à 16:44:14
mon code a 8 mois
bon now cest excatement pareils
le menu a 4 type des cellule :
Code :
|
.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
Je te remerci pour ton aide
Edit :
cest quoi :
border-collapse: collapse;
padding: 0px;
pas con pour le .table, ca mevite une ligne pour indiquer le with . ( t1 je reflechi jamais moi )
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 . ( t1 je reflechi jamais moi ) |
Les CSS c'est Bien(tm)
Marsh Posté le 29-07-2002 à 17:11:29
Citation : border-collapse peut prendre 2 valeurs : |
Si j'ai bien comprit ( ), 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> ?
Marsh Posté le 29-07-2002 à 19:02:33
Maxime a écrit a écrit : Si j'ai bien comprit ( ), 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" . |
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
Marsh Posté le 29-07-2002 à 19:26:38
Merci beaucoup
Now tout est en CSS, et le site est compatible avec netscape
ca prend tout de même ~80 ligne de CSS
C'est dingue la souplesse du CSS comme tu dit, border-left/right/bottom/top
tout ce kon veut
Encore merci
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
merci a vous.