Rechercher : dans
Par :

Espacer les cellules d'un tableau (CSS)

Dernière réponse le 2 jui 2009 à 08:21:29 Maria, le 30 jun 2009 à 14:57:38 
 Signaler ce message aux modérateurs

Bonjour,

J'ai un petit problème tout bête ... Je souhaiterais espacer les cellules d'un tableau afin que l'on voie la couleur du background entre chaque. J'ai essayé avec la commande border-spacing, a marche pô ... :( J'espère que vous pourrez m'aider ...

Voici le code html du tableau :

<table style="margin-left: 40%;" border="0" cellpadding="0" cellspacing="0" >
	<tbody>
	<tr>
    <td class="whitecell" type="text" ><b>Home</b></td>
	<td class="blackcell" type="text" >Bespreking</td>
    <td class="blackcell" type="text" >Wysig</td>
	<td class="blackcell" type="text" >History</td>
	</tr>
	</tbody>
	</table>


Et le code CSS associé :

.whitecell {
	height: 30px;
	font-size: 13px;
	color: red;
	margin-left: 100px;
	color: #000000;
	background-color: #ffffff;
	width: 50px;
	text-align: center;
}
.blackcell {
	background: #000000;
	font-size: 13px;
	margin-left: 15px;
	color: #f7941e;
	height: 30px;
	width: 50px;
	text-align: center;
}
table{
	border-spacing:2px;
}


Merci beaucoup de l'aide que vous pourrez m'apporter :)
Configuration: Windows XP
Firefox 3.0.11

Meilleures réponses pour « Espacer les cellules d'un tableau (CSS) » dans :
Tableaux HTML VoirUtilisation de tableaux Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un...
La table des couleurs VoirLe codage des couleurs Les couleurs en HTML sont définies par 3 nombres hexadécimaux représentant les tons de Rouge, de Vert et de Bleu (selon le codage RGB (Red Green Blue, en français : RVB) de la couleur choisie. Ainsi la syntaxe de codage...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...

1

adns, le 30 jun 2009 à 16:56:47

Bonjour

comme ton fond est noir je pense qu'un simple border="1" au lieu de border="0" devrait faire l'affaire ;)

sinon regard cellspacing, cellpadding ....

Adns Hacker Vaillant Rien D'Impossible !!!
Le Monde du partage Remplacera le partage du monde

Répondre à adns

2

Maria, le 1 jui 2009 à 09:34:03

Border="1" fonctionne bien mais l'espacement entre les cellules est blanc oO

Répondre à Maria

3

 adns, le 2 jui 2009 à 08:21:29

Ajoute

bordercolor="black"

Adns Hacker Vaillant Rien D'Impossible !!!
Le Monde du partage Remplacera le partage du monde

Répondre à adns