border table

Version imprimable

15/05/2006, 17h11
zizou771

border table

slt j'ai une question toute bête mais dont je ne trouve pas la réponse.

je crée un tableau de plusieurs ligne et colonne, et je veux que que les cellules soit encadré (est une bordure).

je fait donc un
<table cellpadding="0" cellspacing="0" style="border: 1px solid;border-color: black">
mais cela m'encadre le tableau et non toute les cellules.
Alors je suis obligé de faire un
<td style="border-right: 1px solid;border-bottom: 1px solid;border-color: black">
pour chaque ligne de facon a ne pas doubler les bordures entre cellule voisine.
Il n'y a pas de solution + simple?
je veux une bordure noir et non la bordure epaisse de border="1" dans l'élément "table".

Merci d'avance ;)
15/05/2006, 17h13
bavibavi

dans ta css met essaye ca :

table tr td {border: solid 1px #000000}

mais cela va encadrer tes cellules donc cela risque de te mettre des border de 2px j'ai eu ce pb. j'ai fait comme toi mais avec une class.
15/05/2006, 17h42
zizou771

mouais c etrange qu'il n'y est pas d'autre solution
15/05/2006, 18h02
bavibavi

tu peux faire ca sinon :

Code:

table tr td {border-top: solid 1px #000000;border-left: solid 1px #000000}

mais il faut ensuite que tu rajoutes les bordures de tout à droites et tout en bas.

Il faudrais pouvoir superposer les bordures entre les cellules sinon
15/05/2006, 18h19
Sheriff

salut !
je pense que bavibavi a raison...
tu devrais n'attriduer les style qu'à deux côtés adjacents de tes cellules (par exemple les côtés haut et gauche) et, pour le tableau entier, aux deux âutres côtés (côtés bas et droite dans l'exemple présent)
@+
16/05/2006, 09h27
zizou771

ok mais comment tu peut dire de faire que 2 bord pour certaine cellules et 2 bord pour les autres?
car en css tu fait :

table tr td {border-top: solid 1px #000000;border-left: solid 1px #000000} mais ca sera pour tous.
16/05/2006, 10h00
Sheriff
salut !
j'ai dit ceci:
Code:

1 2 td{border-top: solid 1px #000000;border-left: solid 1px #000000} table{border-bottom: solid 1px #000000;border-right: solid 1px #000000}
Ainsi, le fait d'appliquer le style aux côtés bas et droite du tableau comblera les vides laissés par les bordures bas et droite des td d'extrême droite et d'extrême bas, vu qu'aun style ne leur est appliqué...
@+

Citation:
Envoyé par Sheriff
salut !
Code:

1 2 td{border-top: solid 1px #000000;border-left: solid 1px #000000} table{border-bottom: solid 1px #000000;border-right: solid 1px #000000}
Bien vu, j'y ai pensé tout a l'heure (j'ai eu le meme pb :mouarf:)

16/05/2006, 19h19
bavibavi

avec un petit

Code:

cellspacing="0";

C'est niquel, un admin peut-il mettre le post à résolu ?
16/05/2006, 20h03
Sheriff

très drole. :P