objet table et border

**pcouas** · 25/01/2008, 19h17

Bonsoir,

J'ai un pb avec le code CSS suivant qui ne me fait pas de bordure

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
table.colonne {
width: 100%;
border-collapse: collapse;
border: 1px solid #ffffff;
}
 
table.colonne td {
padding-left: 5px;
padding-right: 5px;
}
 
table.colonne tr {
background-color: #f2f2f2;
color: #0000ff;
}

Code html :

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

1
2
3
4
<table border="0" class="colonne"> 
 
alors que le code suivant fonctionne et laisse bien une bordure.
<table border="0" style="border: 1px solid #f2f2f2;">

Merci d'avance de vos réponses
Ph Couas

**pop_up** · 25/01/2008, 23h21

peut etre parce que la couleur de ta bordure est blanche non ?

Sinon tu peux aussi enlever le border="0" dans la balise html puisque tu veux mettre une bordure.

j'ai testé ça et ça marche :

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
 
<html>
<head>
<style>
table.colonne {
width: 100%;
border-collapse: collapse;
border: 1px solid #000000;
}
 
table.colonne td {
padding-left: 5px;
padding-right: 5px;
}
 
table.colonne tr {
background-color: #f2f2f2;
color: #0000ff;
}
 
</style>
 
<body>
<table border="0" class="colonne"> 
<tr><td>fdkh</td><td>fdkslfhj</td></tr>
<tr><td>fdkh</td><td>fdkslfhj</td></tr>
</table>
</body>
</html>

**pcouas** · 28/01/2008, 08h59

Bonjour,

Pour avoir la borduire entre chaque cellule je suis obligz de descendre au niveau du TD sir je garde le border-collapse.
Ok merci

Code html :

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
<html>
<head>
<style>
table.colonne {
width: 100%;
border-collapse: collapse;
}
 
table.colonne td {
padding-left: 5px;
padding-right: 5px;
border: 1px solid #000000;
}
 
table.colonne tr {
background-color: #f2f2f2;
color: #0000ff;
}
 
</style>
 
<body>
<table border="0" class="colonne"> 
<tr><td>fdkh</td><td>fdkslfhj</td></tr>
<tr><td>fdkh</td><td>fdkslfhj</td></tr>
</table>
</body>
</html>

objet table et border

Tableau en CSS

Vue hybride

Discussions similaires

Partager

Partager