Problème avec les styles d'un tableau

Version imprimable

19/05/2006, 11h10
psychoBob

Problème avec les styles d'un tableau
Bonjour,

Pourriez-vous me dire si le bout de code ci-dessous est correct ?
Il me semble bizarre de n'écrire qu'une fois "style", alors que les autres éléments sont aussi des attribus de style. J'ai essayé de tous les insérés dans l'unique balise style, en jouant sur les " mais ça ne donne rien.
En fait à l'affichage ça fonctionne bien, sauf sur Opéra qui ne m'affiche pas les bordures.
Code:

1 2 3 4 5 6 7 8 9 <table width="360px" style="border-collapse: collapse" bordercolor="#666666" border="1px" background="../visu/original/fondTh.gif" cellpadding="3px" cellspacing="0px" >
Merci d'avance

beuark...
c'est crade ça...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/css">
table#mon_table
{
   width : 360px;
   border-collapse : collapse;
   border : 1px solid #666;
   background-image : url(../visu/original/fondTh.gif);
/*   cellpadding="3px" */ /* je ne connais pas l'équivalent CSS pour celle-là */
}
</style>
[....]
<table id="mon_table">

tu devrais lire ceci : http://www.w3.org/TR/CSS21 ;)

19/05/2006, 11h23
psychoBob

Salut Swoög,

En fait j'ai placé les attributs directement dans la balise table et non dans la feuille de style, car celle-ci commence à être un peu surchargé et j'ai des tableaux de différentes couleurs en plus. Je vais finir par ne plus m'y retrouver.

Donc j'aurai voulu le faire sans faire appel à la feuille de style.

(je vais voir le lien au passage, ça peut toujours être utile, merci) .
19/05/2006, 11h29
Swoög

si tu veux le faire sans feuille de style (moins propre mais toujours mieux que ce que t'avais au début ^^) :

Code:

<table style="width : 360px; border-collapse : collapse; border : 1px solid #666; background-image : url(../visu/original/fondTh.gif);">
19/05/2006, 11h43
Auteur
Citation:

/* cellpadding="3px" */ /* je ne connais pas l'équivalent CSS pour celle-là */

je pense pas qu'il y ait un équivalent en CSS. Pour cellspacing non plus d'ailleurs.

le mieux est
Code:

1 2 3 <table cellpadding="valeur" cellspacing="valeur"> ....
Citation:

En fait j'ai placé les attributs directement dans la balise table et non dans la feuille de style, car celle-ci commence à être un peu surchargé et j'ai des tableaux de différentes couleurs en plus. Je vais finir par ne plus m'y retrouver.

fais plusieurs feuilles de styles et définis plusiseurs classes.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 /**feuille de style commune aux tables**/ .style{ ..... } /** Couleurs **/ .couleur1{ ..... } .couleur2{ .... }
et dans le code HTML
Code:

1 2 3 <table class="style couleur1">....</table> <table class="style couleur2">....</table>
19/05/2006, 12h51
psychoBob

Je viens d'essayer ta ligne Swoög, mais seule la bordure extérieur du tableau apparait, les lignes des cellules sont absentes.

Auteur, c'est ce que j'avais fait au début, mais justement je veux soulager ma feuille de style (et ne pas en faire plusieurs non plus).
19/05/2006, 14h15
Swoög

Pour ce qui est de la feuille de style, je ne vois pas l'intéret de la "soulager" comme tu dis, elle est là pour supporter tout le design et la mise en forme de ton site ou de ta page... si elle est bien faite, il n'y a pas de problème

pour ce qui est des bordures, si tu veux les bordures des cellules, il te faudra passer par une feuille de style, ou appliquer le

Code:

style="boder : 1px solid #666"

sur chaque td de ton tableau...

enfin, cell-spacing et cell-padding sont des attributs HTML, qui ne sont pas standards (en strict)... ensuite faut voir ce que tu souhaites faire ;)
19/05/2006, 17h14
masu
Citation:

Envoyé par Swoög

/* cellpadding="3px" */ /* je ne connais pas l'équivalent CSS pour celle-là */

C'est quelque chose qu'on ne defini pas dans la table. C'est le padding des td.
Code:

1 2 3 4 table.style td { padding: 3px; }
19/05/2006, 19h02
psychoBob

Pourquoi pas dans la table ?

C'est une convention d'écriture ? Ou ça pose un problème technique ?
20/05/2006, 03h07
Swoög

Citation:

Envoyé par psychoBob

Pourquoi pas dans la table ?

C'est une convention d'écriture ? Ou ça pose un problème technique ?

simple cohérence dans le langage CSS... : le padding s'applique aux cellules du tableau, donc la propriété CSS s'applique aux TD...
20/05/2006, 03h13
masu

si tu le fait dans la table tu modifie le padding de la table, si tu veu modifier le paddin des cellules c'est a dire de td il faut bien que la cible de la propriété soit le td lui meme.

On pourrai dire que en css ya pas de propriete cellpadding. ya pas besoin car au contraire du html pure on peut cibler toutes les cellules d'un tableau sans redondance de code.

edit: sniff grilled, pourtant a 3h du mat je pensait pas que ca allais m'arriver lol