Impossible d'appliquer un style à thead ?

Question

NiRaDo

11 May 2006 à 20:58

Bonsoir à tous ! Comment ça va ?

Moi bien, à part un ptit soucis en css mais rien de bien méchant.

Etrangement, il m'est impossible d'appliquer un style css à la balise thead d'un tableau.

Même en désignant par ' thead tr ' je n'obtiens rien.

Comment cela se fait-il que le css ne gère pas cette balise ? Ou peut être est-ce moi qui déglingue Smiley decu

Modifié par NiRaDo (11 May 2006 - 20:59)

gcyrillus

Modérateur

11 May 2006 à 21:56

bonjour,
un extrait de ton code serait le bienvenue, il peut y avoir plusieurs raisons, balise pas refermé, une autre declaration de style "aprés" qui efface les premieres regles, un thead vide .. qu'en savons nous ?

++

NiRaDo

11 May 2006 à 23:23

Salut. oui excuse :

le fichier html :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

	<head>
		<title>Afficher les sujets</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<style rel="stylesheet" media="screen" type="text/css" title="defaut" >
			@import url("CONNEXIONM.css");
			@import url("FORUM.css");	
			
		</style>
	</head>
	<body>

			
		<form class="ZONECONNEXIONMEMBRE" method="post" action="tchat-affichageDesSujets.php">
			<p>
				<label><input type="hidden" name="SESSIONS-FormLogin" /></label>
					
				<label>Pseudo : <input type="text" name="SESSIONS-FormLogin_pseudo" /></label>
				<label>Mot de Passe : <input type="password" name="SESSIONS-FormLogin_mdp" /></label>
				<label><input type="submit" value="Connexion" /></label>
			</p>
		</form>

	<p class="pagination">Page : 					<a href="tchat-affichageDesSujets.php?page=1">1</a>
									<a href="tchat-affichageDesSujets.php?page=2">2</a>
									<a href="tchat-affichageDesSujets.php?page=3">3</a>
									<a href="tchat-affichageDesSujets.php?page=4">4</a>
				</p>			<table>
				<caption>Tableau d'affichage des sujets</caption>

				<thead>
					<tr>
					<th>Titre du sujet</th><th>Auteur</th><th>Réponses</th><th>Dernier envoi le</th><th>Dernier posteur</th>
					</tr>
				</thead>
				
				<tbody>

					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=21">grute</a></td>
				<td><em class="ZONEMEMBRE_pseudo">Visiteur</em></td>
				<td>0</td>
				<td>11/05/2006 à 23:12:25</td>
				<td><em class="ZONEMEMBRE_pseudo">Visiteur</em></td>

			</tr>
					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=19">Bonsoir mesdames</a></td>
				<td><em class="ZONEMEMBRE_pseudo">Visiteur</em></td>
				<td>0</td>
				<td>11/05/2006 à 20:06:06</td>
				<td><em class="ZONEMEMBRE_pseudo">Visiteur</em></td>

			</tr>
					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=4">Réflechissons aux suggestions</a></td>
				<td><em class="ZONEMEMBRE_pseudo">NiRaDo</em></td>
				<td>2</td>
				<td>11/05/2006 à 19:49:06</td>
				<td><em class="ZONEMEMBRE_pseudo">Visiteur</em></td>

			</tr>
					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=14">Pikachu</a></td>
				<td><em class="ZONEMEMBRE_pseudo">NiRaDo</em></td>
				<td>4</td>
				<td>01/01/1970 à 01:00:00</td>
				<td><em class="ZONEMEMBRE_pseudo">Visiteur</em></td>

			</tr>
					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=15">Pikachu</a></td>
				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>
		</td>
				<td>-1</td>
				<td>01/01/1970 à 01:00:00</td>

				<td><em class="ZONEMEMBRE_pseudo"></em></td>
			</tr>
					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=16">Ptite tentative encore</a></td>
				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>
		</td>
				<td>0</td>

				<td>01/01/1970 à 01:00:00</td>
				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>
		</td>
			</tr>
					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=17">Titre de votre sujet</a></td>
				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>

		</td>
				<td>-1</td>
				<td>01/01/1970 à 01:00:00</td>
				<td><em class="ZONEMEMBRE_pseudo"></em></td>
			</tr>
					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=18">Nouveau sujet</a></td>

				<td><em class="ZONEMEMBRE_pseudo">Visiteur</em></td>
				<td>0</td>
				<td>11/05/2006 à 19:47:39</td>
				<td><em class="ZONEMEMBRE_pseudo">Visiteur</em></td>
			</tr>
					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=20">Pouette pouette</a></td>

				<td><em class="ZONEMEMBRE_pseudo">Visiteur</em></td>
				<td>0</td>
				<td>11/05/2006 à 23:10:54</td>
				<td><em class="ZONEMEMBRE_pseudo">Visiteur</em></td>
			</tr>
					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=13">fsfsdf</a></td>

				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>
		</td>
				<td>-1</td>
				<td>01/01/1970 à 01:00:00</td>
				<td><em class="ZONEMEMBRE_pseudo"></em></td>
			</tr>
					<tr>

				<td><a href="tchat-affichageDuTopic.php?topic_numero=12">fsfsdf</a></td>
				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>
		</td>
				<td>1</td>
				<td>01/01/1970 à 01:00:00</td>
				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>

		</td>
			</tr>
					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=11">tentative</a></td>
				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>
		</td>
				<td>6</td>

				<td>11/05/2006 à 19:46:59</td>
				<td><em class="ZONEMEMBRE_pseudo">Visiteur</em></td>
			</tr>
					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=10">Essai</a></td>
				<td><em class="ZONEMEMBRE_pseudo">ou</em></td>
				<td>5</td>

				<td>11/05/2006 à 19:45:41</td>
				<td><em class="ZONEMEMBRE_pseudo">Visiteur</em></td>
			</tr>
					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=9">Yeah</a></td>
				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>

		</td>
				<td>3</td>
				<td>01/01/1970 à 01:00:00</td>
				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>
		</td>
			</tr>
					<tr>

				<td><a href="tchat-affichageDuTopic.php?topic_numero=8">Première tentative</a></td>
				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>
		</td>
				<td>8</td>
				<td>01/01/1970 à 01:00:00</td>
				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>

		</td>
			</tr>
					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=7">On se calme</a></td>
				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>
		</td>
				<td>1</td>

				<td>01/01/1970 à 01:00:00</td>
				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>
		</td>
			</tr>
					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=6">Toto</a></td>
				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>

		</td>
				<td>0</td>
				<td>01/01/1970 à 01:00:00</td>
				<td><em class="ZONEMEMBRE_pseudo">Visiteur</em></td>
			</tr>
					<tr>
				<td><a href="tchat-affichageDuTopic.php?topic_numero=5">Toto</a></td>

				<td>			<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>
		</td>
				<td>-1</td>
				<td>01/01/1970 à 01:00:00</td>
				<td><em class="ZONEMEMBRE_pseudo"></em></td>
			</tr>
					<tr>

				<td><a href="tchat-affichageDuTopic.php?topic_numero=3">Bienvenu</a></td>
				<td><em class="ZONEMEMBRE_pseudo">NiRaDo</em></td>
				<td>42</td>
				<td>11/05/2006 à 19:48:07</td>
				<td><em class="ZONEMEMBRE_pseudo">Visiteur</em></td>
			</tr>

		</tbody></table>		<p>
			<a href="tchat-creerNouveauSujet.php">Créer un nouveau sujet</a>
		</p>
	</body>
</html>

Et le fichier FORUM.CSS :


	/*********************************************************************************
	[+] Tableau des sujets
	######################################################*/
	table /* marche */
	{
		width: 100%;
		margin : 5px;
		border: 1px solid blue;
		
		text-align : center;
	}
	
	td /* marche*/
	{
		text-align: center;
		border: 1px solid black;
	}
	
	table thead tr /* marche pas */
	{
		border: 1px solid black;
	}

Modifié par NiRaDo (11 May 2006 - 23:29)

gcyrillus

Modérateur

12 May 2006 à 23:34

bonjour,

a priori les elements de structuration ne sont pas considéré comme des elements visuels, et seules quelques regles css semblent etre appliqué aux enfants, comme la couleur de fond, les bordures quand a elles ne font pas partie de "l'heritage" possible !? ... (n'ayant jamais essaye d'appliquer une bordure a thead, je decouvre ceci en même temps que toi Smiley smile

)

tu peut donc aller un peu plus loin , jusquau "th" pour voir les bordures apparaitrent dans les "entêtes" de colonnes .

	  table thead tr th  /* marche  ou juste th */
	{
		text-align: center;
		border: 1px solid black;
	}

Quelqu'un pour confirmer ou non , ou qui a relever une autre raison a ceci ? ..

++

Sujet clos

CSS et mise en forme, CSS3

Impossible d'appliquer un style à thead ?