28173 sujets

CSS et mise en forme, CSS3

Impossible d'appliquer des propriétés à caption

Bonsoir,

Je voudrais appliquer des propriétés sur mon caption :

<caption>Titre du tableau</caption>


Dans mon css je fais ceci :

caption { font-weight:bold; }


Et rien ne se passe...


Merci d'avance pour votre aide Smiley smile
Salut Smiley cligne ,

normalement ça devrait fonctionner Smiley rolleyes .

Un exemple :
<!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" lang="fr">
<head>
<title>Test caption</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
caption {
font-size:24px;
font-weight:bold;
}
</style>
</head>
<body>
<table summary="Explication du contenu du tableau">
  <caption>Titre du tableau</caption>
  <tr>
    <th>Titre de la colonne 1</th>
    <th>Titre de la colonne 2</th>
   </tr>
</table>
</body>
</html>


A+
Après avoir testé ceci :

<!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" lang="fr">
<head>
<title>Test caption</title>
<meta http equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
caption {
font-size:24px;
font-weight:bold;
text-decoration:underline;
}
</style>
</head>
<body>
<table summary="Explication du contenu du tableau">
  <caption>Titre du tableau</caption>
  <tr>
    <th>Titre de la colonne 1</th>
    <th>Titre de la colonne 2</th>
   </tr>
</table>
</body>
</html>


Je remarque que IE 6 et Opera 9 affichent le soulignement, alors que ma vieille version Mozilla 1.7.13 n'affiche pas le souligement. Il en va de même pour le tout dernier Firefox (2.0.0.4). Il faudrait peut-être creuser le problème du côté de ces deux navigateurs...
Modérateur
bonjour,

peut-etre un bug ou une volonté deliberé de conserver au caption un "aspect standard . ?

en jouant sur le "display" du tableau et de son caption , le soulignement redevient possible (sans doctype , le text-decoration semble appliqué sans probleme par firefoxe)

test pour forcé le soulignement du <caption> dans firefox avec un doctype:


<!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" lang="fr">
<head>
<title>XHTML 1.0 Strict test de gcyrillus [smile] </title>
<style type="text/css">
table {display:table-cell;}
/* permet d'afficher le caption sur 100% 
de la largeur du tableau au lieu d'une largeur de colonne*/
caption {
display:block;/* on surcharge la valeur par defaut 
equivalente a display:table-caption; 
par la valeur block qui laisse le text-decoration applicable */

font-size:24px;
font-weight:bold;
text-decoration:overline underline;
}
</style>
</head>
<body>
<table summary="Explication du contenu du tableau">
  <caption>Titre du tableau</caption>
  <tr>
    <th>Titre de la colonne 1</th>
    <th>Titre de la colonne 2</th>
  </tr>
</table>
</body>
</html>


gc
Par contre, dans une page Web, n'est-il pas mieux de conserver le soulignement uniquement pour les liens? De sorte à ne pas créer de confusion?
nalita33 a écrit :
Par contre, dans une page Web, n'est-il pas mieux de conserver le soulignement uniquement pour les liens? De sorte à ne pas créer de confusion?

Globalement oui, mais ça n'est pas une règle absolue. Disons qu'il vaut mieux se poser la question. Smiley smile
Sujet clos
Aller à