tableau en html

**marti** · 01/10/2005, 17h13

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

**Auteur** · 02/10/2005, 19h28

bonjour,
voici un début :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**francis m** · 02/10/2005, 19h39

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
border-top: solid 2px #009900;
border-right: none;
border-top: solid 8px #AA00AA;
border-left: none;

par exemple

**Auteur** · 03/10/2005, 10h21

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

tableau en html

HTML

Discussions similaires

Partager

Partager