Discussion :

[maa]

Bonjour,

Sur cette page, je cherche à faire un tableau sans bordure extérieures mais avec des bordures pour chaque cellule. La technique que j'ai trouvé est la suivante : Affecter au cellule des bordures de 1 px et cacher celles de l'extérieur en donnant au tableau une bordure blanche.

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
td {
 
border:1px solid #ddd;
 
}
 
 
 
table {
 
border-collapse:collapse;
 
border:2px solid white;/*1px ne suffit pas à cacher les bordures des td pour Firefox*/
 
}

Ca marche mais ça entraîne un décalage de 1px vers la gauche dans Firefox.

Auriez-vous une technique pour faire la même chose sans décalage ?
Sinon, existe t-il un hack CSS propre à FF pour corriger ce problème ?

Merci d'avance.

[lun4t1k]

Bonsoir,
Si tu donnes une bordure (meme blanche sur fond blanc) de 2px,ca prendra 2px.

pourquoi ne fais tu pas un border:0; ou border:none; ?

Je n'ai peut être pas bien compris.

Sinon en début de css, certains rajoutent *{margin:0;padding:0;}.
Le sélecteur universel permet d'initialiser toutes les marges du document à 0.
Ca peut éviter des soucis