Tableau et style : problème de bordure

Version imprimable

Bonjour,
Voila j'ai un problème qui m'embête un peu sur mon html ^^.
J'aimerai avoir un tableau comme ceci :
http://nsa10.casimages.com/img/2009/...2644250058.jpg

Mais avec mon code html, je n'obtiens que ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<table  CELLSPACING=0 style="border:1px solid black; border-collapse: separate" >
<tr>
	<td style="border:1px solid black; border-collapse: separate">DESIGNATION ARTICLE</td>
	<td style="border:1px solid black; border-collapse: separate">REFERENCE</td>
	<td style="border:1px solid black; border-collapse: separate">CODE COLORI</td>
	<td style="border:1px solid black; border-collapse: separate">TAILLE</td>
	<td style="border:1px solid black; border-collapse: separate">QUANTITÉ</td>
	<td style="border:1px solid black; border-collapse: separate">PRIX TTC</td>
</tr>
<tr>
	<td style="border:1px solid black; border-collapse: separate"><input type="text" id="VENTE_DISTANCE_FR_IN9" name="VENTE_DISTANCE_FR_IN9" /></td>
	<td style="border:1px solid black; border-collapse: separate"><input type="text" id="VENTE_DISTANCE_FR_IN9" name="VENTE_DISTANCE_FR_IN9" /></td>
	<td style="border:1px solid black; border-collapse: separate"><input type="text" id="VENTE_DISTANCE_FR_IN9" name="VENTE_DISTANCE_FR_IN9" /></td>
	<td style="border:1px solid black; border-collapse: separate"><input type="text" id="VENTE_DISTANCE_FR_IN9" name="VENTE_DISTANCE_FR_IN9" /></td>
	<td style="border:1px solid black; border-collapse: separate"><input type="text" id="VENTE_DISTANCE_FR_IN9" name="VENTE_DISTANCE_FR_IN9" /></td>
	<td style="border:1px solid black; border-collapse: separate"><input type="text" id="VENTE_DISTANCE_FR_IN9" name="VENTE_DISTANCE_FR_IN9" /></td>
</tr>
</table>

Mais j'obtiens ceci :
http://nsa10.casimages.com/img/2009/...4811812106.jpg

Merci de votre aide. Pour information, je ne fais pas faire de fichier css.

17/11/2009, 17h54
Lcf.vs

Euh, que n'arrives-tu pas à faire?

Fusionner les cellules? si oui, ajoute simplement l'attribut colspan=X

X=le nombre de cellules à fusionner...

PS:T'es pas obligé de faire un fichier css, tu peux simplement mettre ta css dans des balises de style, ta page en sera plus légère et c'est plus valide ;)
17/11/2009, 18h09
Samshay

Ce que je n'arrive pas à faire, oui j'ai pas été très explicite, c'est que lorsque mes cellules fusionnent, le trais deviens trop gros ou épais, alors que je voudrais simplement un trais fin de 1px.
17/11/2009, 22h30
12monkeys

Bonsoir

Il faut utiliser collapse au lieu de separate

Code:

<table cellspacing"=0" style="border:1px solid black; border-collapse: collapse">

Citation:

Envoyé par Wapper

PS:T'es pas obligé de faire un fichier css, tu peux simplement mettre ta css dans des balises de style, ta page en sera plus légère et c'est plus valide ;)

Je pense plutôt que tu voulais dire "ne pas utiliser l'attribut style que dans des cas exceptionnels" ?

Parce que mettre le css dans les balises style n'est pas plus léger et plus valide que d'utiliser un fichier css externe...
18/11/2009, 10h04
Samshay

Merci, je ne vois pas pourquoi je n'y ai pas pensé.