[CSS] Mise en forme de tableaux

Résolu/Fermé
WalterWhite - 31 mai 2011 à 14:08
 WalterWhite - 31 mai 2011 à 14:39
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

coeus Messages postés 3019 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 119
31 mai 2011 à 14:18
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>
0
WalterWhite
31 mai 2011 à 14:20
Et sans toucher au code, pardon.
Un genre de propriété inner-border ou quelque chose.
0
coeus Messages postés 3019 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 119
Modifié par coeus le 31/05/2011 à 14:27
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...
0
WalterWhite
31 mai 2011 à 14:39
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.
0