[HTML] Afficher les bordures autour des cellules

Version imprimable

1 pièce(s) jointe(s)

Voila, j'ai une table. Je ne veux pas afficher les bordures de contour de la table, mais seulement les bordures autour de chacune des cellules.

En l'état actuel des choses, ce qui me dérange, c'est la ligne de contour la plus extérieure. J'aimerai bien ne plus la voir apparaître.
Comment faire? (si c'est possible)

Voici le code de mon tableau :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
 
<html>
<head>
</head>
 
 
<body>
 
<table border=1 CELLPADDING=3 CELLSPACING=1>
	<tr align="center">
		<td>
		</td>
		<td BGCOLOR="#264276"><FONT COLOR="white" >
		Colonne n°1
		</td>
		<td BGCOLOR="#264276"><FONT COLOR="white">
		Colonne n°2
		</td>
		<td BGCOLOR="#264276"><FONT COLOR="white">
		Colonne n°3
		</td>
	</tr>
	<tr align="center">
		<td BGCOLOR="#264276"><FONT COLOR="white">
		A
		</td>
		<td>
		----
		</td>
		<td>
		B
		</td>
		<td>
		C
		</td>
	</tr>
	<tr align="center">
		<td BGCOLOR="#264276"><FONT COLOR="white">
		Ligne n°1
		</td>
		<td>
		D
		</td>
		<td>
		E
		</td>
		<td>
		F
		</td>
	</tr>
	<tr align="center">
		<td BGCOLOR="#264276"><FONT COLOR="white">
		Ligne n°2
		</td>
		<td>
		---
		</td>
		<td>
		G
		</td>
		<td>
		H
		</td>
	</tr>
	<tr align="center">
		<td BGCOLOR="#264276"><FONT COLOR="white">
		Ligne n°3
		</td>
		<td>
		---
		</td>
		<td>
		I
		</td>
		<td>
		J
		</td>
	</tr>
	<tr align="center">
		<td BGCOLOR="#264276"><FONT COLOR="white">
		<strong>Ligne n°4</strong>
		</td>
		<td>
		K
		</td>
		<td>
		L
		</td>
		<td>
		M
		</td>
	</tr>
	<tr>
 
	</tr>
	<tr align="center">
		<td colspan="3">
		<strong> Ligne n°5 partielle </strong>
		</td>
		<td>
		N
		</td>
	</tr>
	<tr align="center">
		<td colspan="3">
		<strong> Ligne n°6 partielle </strong>
		</td>
		<td>
		O
		</td>	
	</tr>
</table> 
</body>
</html>

06/06/2008, 12h20
Bovino

Si tu essaye : <table border="0"...> puis <td style="border: 1px solid"> ça devrait donner ce que tu demandes.
06/06/2008, 12h36
Er3van
La mise en forme des pages Web doit être géré en CSS pour bien séparer les couches.

Proscit les attribut comme CELLPADDING, CELLSPACING et BORDER, et fais ça via une feuille de style, de préférence externe.
Code:

1 2 3 4 5 table { margin : 0 ; padding : 0 ; border : 0 ; }
et comme l'a dit Bovino :
Code:

1 2 3 td { border : 1px solid #000000 ; /* il est préférable de rajouter la couleur de bordure */ }
}
06/06/2008, 14h27
michaeljeru

Ok, je "connaissais" l'existence du CSS, en revanche, j'ignorai cette séparation données/style.
j'ai donc construit ma feuille CSS, en utilisant des balises class, et ça marche nickel.
Par contre, malgré les padding à 0, il reste un intervalle entre chaque de 1mm d'épaisseur.
Y a-t-il possibilité de supprimer cet espace, ou à la limite, de faire en sorte de "créer un fond coloré" qui ne remplisse ces espaces ?
06/06/2008, 14h54
Bovino

La propriété border-collapse: collapse permet de coller les cellules entre elles
06/06/2008, 15h15
Er3van

Plus le web se professionnalise et plus il y a des méthodes rigoureuses et plus il y a de séparation de couches...

Maintenant on en arrive à ça :
Couche Structure (HTML/XML), Mise en Forme (CSS), Dynamique côté serveur (JS/AJAX), Gestion de Données (AJAX/PHP).

Et à l'intérieur de la couche Gestion de Données, on arrive vite à passer au MVC qui sépare encore en 3 :
Modèle (Base de Données, Méthodes), Vues (Saisie, Affichage), Contrôleur(Gestion/Synchronisation des Vues/Modèles)

Et encore, le MVC peut se décliner en 6 couches...

Bref, tout ça pour dire que y a un maximum de séparation pour améliorer portabilité, maintenabilité, lisibilité, et ce au détriment de la facilité et de la rapidité (plus on sépare et plus on perd en temps, comme avec la POO, mais avec l'évolution constante des machines, ça compense).