[CSS] Mise en forme de tableaux [Résolu/Fermé]

Signaler
-
 WalterWhite -
Bonjour,

Existe-t-il un moyen d'appliquer des bordures intérieures et extérieures différentes à un tableau sans utiliser des classes ou id?

Merci d'avance


2 réponses

Messages postés
3019
Date d'inscription
samedi 13 janvier 2007
Statut
Membre
Dernière intervention
19 juin 2013
120
Salut !

Oui, mais ça risque de prendre beaucoup de code. Voici un exemple :
<table style="border:3px ridge #00F;">
	<tr>
		<td style="border:1px solid #F00;">Un</td>
		<td style="border:1px solid #F00;">Deux</td>
		<td style="border:1px solid #F00;">Trois</td>
		<td style="border:1px solid #F00;">Quatre</td>
	</tr>
	<tr>
		<td style="border:1px solid #F00;">Cinq</td>
		<td style="border:1px solid #F00;">Six</td>
		<td style="border:1px solid #F00;">Sept</td>
		<td style="border:1px solid #F00;">Huit</td>
	</tr>
</table>

Et sans toucher au code, pardon.
Un genre de propriété inner-border ou quelque chose.
Messages postés
3019
Date d'inscription
samedi 13 janvier 2007
Statut
Membre
Dernière intervention
19 juin 2013
120
Dans le fond, tu cherchais une propriété CSS que tu pouvais appliquer à ton <table> mais qui affecterait les <td> ?

Si c'est ça, alors la seule solution serait de faire :

table {
border:3px ridge #00F;
}

table tr td {
border:1px solid #F00;
}

Pas d'autre solution...

Le souci c'est que les bordures extérieures et intérieures diffèrent seulement par leur couleur, et il y a des problème de chevauchement.
Mais finalement j'ai pu obtenir des classes sur mes td, merci en tout cas.