tableau en html

Version imprimable

01/10/2005, 17h13
marti

tableau en html

Bonjour,

Je crée un tableau classique avec html avec les balises classiques <table>, <tr> et <td>. Je souhaiterais enlever les bords verticaux de mes cellules et garder seulement les bords horizontaux, j'aurais donc un tableau avec une bordure autour, à l'intérieur des lignes séparées chacune par un trait mais sans trait pour marquer les cellules dans les lignes. Comment faire ?

Merci d'avance

bonjour,
voici un début :

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
 
<html>
<head>
	<title></title>
</head>
<style type="text/css">
.Tab{
border-style: solid;
border-width: 4px;.
border-color: #AAAAAA;
}
.Cell{
border-style: solid;
border-width: 2px;
border-top-color: #000000;
border-right-color: #000000;
border-left-color: #FFF;
border-bottom-color: #FFF;
}
</style>
<body>
<table class="Tab">
   <tr>
	 <td class="Cell">bla bla bla bla bla bla bla bla bla </td>
 	 <td class="Cell">bla bla bla bla bla bla bla bla bla </td>
   </tr>
   <tr>
	 <td class="Cell">bla bla bla bla bla bla bla bla bla </td>
 	 <td class="Cell">bla bla bla bla bla bla bla bla bla </td>
   </tr>
</table>
 
</body>
 
</html>

02/10/2005, 19h39
francis m
c'est presque bon mais cela suppose que le fond est également de couleur #FFF, car les bordures verticales des cellules sont de cette couleur

Pour supprimer réellement les bordures verticales dans la calsse cell:
Code:

1 2 3 4 border-top: solid 2px #009900; border-right: none; border-top: solid 8px #AA00AA; border-left: none;
par exemple
03/10/2005, 10h21
Auteur

bien vu... J'avais essayé le fond transparent sans succès, et complètement oublié le" border: none" :)