[Résolu] Tableau avec colonnes regroupées

Bonjour à tous.

Je suis actuellement en train de me former au couple xHtml/CSS et j'avoue avoir un peu de mal avec les tableaux.

Je souhaite, dans un tableau de 3 lignes et 3 colonnes (on va faire simple), appliquer un style particulier (image en fond de cellule et texte en gras italique et centré) à la seconde colonne, tout cela grâce aux balises de regroupement "colspan" et "col".

Voici la partie de code xHtml pour le tableau :

<table>
	<colgroup>
		<col />
		<col class="perso" />
	</colgroup>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
	</tr>
	<tr>
		<td>4</td>
		<td>5</td>
		<td>6</td>
	</tr>
	<tr>
		<td>7</td>
		<td>8</td>
		<td>9</td>
	</tr>
	</table>

en appliquant le style "perso" à la seconde colonne.

Le style "perso" est défini comme suit :

.perso {
	background-image: url(images.gif);
	text-align: center;
	font-weight: bold;
	font-style: italic;
}

Mon problème vient du fait que, si l'image s'affiche bien sur le fond de la seconde colonne, aucun des attributs de texte n'est pris en compte (le texte reste par défaut comme dans les colonnes 1 et 3).

Merci d'avance à tous ceux qui me fileront un petit coup de pouce.

Morifen
Modifié par Morifen (12 Mar 2010 - 15:33)

Bonjour,
je crois que les élément col n'acceptent pas toutes les propriété CSS et ils ne sont
pas tenus de le faire.
Tu dois donc ajouter une class à chaque td individuellement.

Merci de ta réponse.

Effectivement, il semble que col ne prenne que la propriété de définition de l'arrière plan mais pas celles concernant le texte.

A bientôt