[Résolu] Suppression des bordures et espacement dans un tableau

Salut à tous,

J'ai un tableau banal dans une page XHTML strict, auquel je souhaite supprimer les bordures et les espacement de cellule. En HTML normal cela donnerai :

<table width="100%" border="0" cellpadding="0" cellspacing="0">

Dans mon cas j'aimerai pouvoir appliquer mon style de cette façon :

<table class="tableauPrincipal">

J'ai donc écrit mon code CSS :

.tableauPrincipal {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	background-color: #003399;
}

Mais cela ne fonctionne pas ... une idée ?
Modifié par Shain (26 Apr 2005 - 14:21)

Et qu'est ce qui te faire dire que ça ne marche pas ?

Il me semble pourtant que les propriétés que tu donnes (border, margin...) s'appliquent aux éléments table, td...

Bonjour,

Jamais vraiment testé, mais essayes border-collapse:

table{border-collapse:collapse;}

a écrit :
Jamais vraiment testé, mais essayes border-collapse:

Merci, c'est bien ce que je cherchais !

Bonjour ;
je confirme ce que dit Igor, pour avoir utilisé : pour joindre les cellules, border-collapse: collapse; le padding ne fera qu'éloigner le contenu intérieur des cellules de leurs bordures.