Discussion :

[mamiberkof]

Bonjour,

Aprés avoir recherché sur le forum et quelque site, je pose 'mon probleme' que je ne trouve toujours pas mon bonheur.
je veux tout simplement supprimer l'effet 3D des bordures d'un tableau , meme les bordures entre cellules et pas seulement la bordure externe de table. et je veux qu'il soit seulement un simple trait de 1px .

merci

[heyax]

Code :

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

<table border="1" cellpadding="0" cellspacing="0">

[Bisûnûrs]

Code CSS :

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

1
2
3
table, td{
   border:1px solid #000;
}

[mamiberkof]

Code :

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

<table border="1" cellpadding="0" cellspacing="0">

resalut,
cela affecte seulement la bordure externe, et pas les bordures de chaucun entre les lignes

as tu la même resultat ?

[heyax]

ça doit entourer toutes les cellules de ton tableau !!! et si tu veux que ce style s'applique sur tout les tableaux de ta page tu peu bien inserer le code CSS fourni par "Bisûnûrs" .

[blueice]

Plûtot qu'un long discours, voici le code CSS que j'ai fait pour mes tableaux de prix, exemple ici => http://www.dimension-internet.com/brochures.html

Code css :

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
table {
 width:98%;
 border-left:1px solid #333333; 
 border-top:1px solid #333333; 
 border-bottom:0; 
 border-right:0;
 border-collapse:collapse;
 text-align:center;
 font-size:84%;
 } 
 
 td { 
 border-right:1px solid #333333; 
 border-bottom:1px solid #333333;
 border-left:0; 
 border-top:0; 
 color:#990000;
 font-weight:bold;
 text-align:center;
 }
 
 td a { 
 display:block;
 width:100%;
 padding:8px 0;
 color:#003366;
 text-align:center;
 }
 
 td a:hover {
 font-size:110%;
 font-weight:bold;
 color:#990000;
 background-color:#FF9999;
 }
 
 th { 
 border-right:1px solid #333333; 
 border-left:0; 
 border-top:0; 
 border-bottom:1px solid #333333;
 border-collapse:collapse;
 color:#FFFFFF;
 background-color:#336699;
 font-size:100%;
 font-weight:normal;
 padding:8px 0;
 }

[mamiberkof]

merci pour l'aide