5568 sujets

Sémantique web et HTML

Smiley decu Bonjour à tous,
Une curiosité (pas amusante pour autant) de la validation W3C en HTML5 !
La div <div class="ctrge"> en ligne 17 de mon code sort en erreur ;
La curiosité est que son rendu est parfait ! Je n'ai pas trouvé de mot réservé mais tout de même modifié le nom de la classe "ctrg" par ajout du "e" en fin dans tous les modules qui l'employait. Voici les erreurs de la ligne 17 :
• Line 17, Column 16: No space between attributes.
<div class="ctrge">
• Line 17, Column 21: Quote " in attribute name. Probable cause: Matching quote missing somewhere earlier.
• Line 17, Column 22: Attribute ctrge" is not serializable as XML 1.0.
<div class="ctrge">
• Line 17, Column 22: Attribute ctrge" not allowed on element nav at this point.
<div class="ctrge">
Attributes for element nav: Global attributes
Non seulement, je n'ai pas trouvé l'erreur mais si je double la ligne, la suivante (même instruction ne révèle pas d'erreur ! A noter que j'ai tenté cette manip car l'instruction dans notepad++ montrait le dernier quote de la class non en bleu, comme le premier mais en noir !
Je note les 20 premières lignes du HTML :
<!DOCTYPE html>
<html lang="fr"><head>
<meta charset="utf-8">
<title>Programme année</title>
<meta name="DESCRIPTION" content="Actions culturelles ; Université du Temps Libre">
<meta name="KEYWORDS" content="UTL, Cotes d'Armor, Sud-Goëlo">
<meta name="ROBOTS" content="Index">
<meta name="AUTHOR" content="RJL">
<link rel="stylesheet" type="text/css" href="../index_fichiers/CSS-UTL.css"></head><body>
<div class="bloc-page">
	<div class="colgch">
		<div style="width:90%;margin-right:8%;margin-left:12%;">
			<div class="logUTLinit"><img style="margin-top:20%;width:60%;" alt="Logo UTL base" src="../index_fichiers/LogoUTL2.png"/>
			</div>
			<h1 class="menu" style="padding-left:20%; text-align:left;">Menu</h1><!-- Fin Menu -->
			<nav class="menucorps" style="margin-right:30%;></nav>
			<div class="ctrge">
				<ul class="navigation larger-gras" style="text-align:center;">
					<li><a href="../index.html" title="Accueil UTL"><span>Accueil</span></a></li>
					<li><a href="#" title="Vous y êtes">Programme 2012-2013</a></li>

mais aussi le CSS correspondant :
.ctrge { 
text-align : center; 
width : 99%; 
margin:auto; 
}

Merci de vos idées sachant que seul impact, le module ne pourra être validé par W3C ; bien sûr, j'ai tenté des tas de possibilités (copie de module où cette "div" était correcte et nouvelle frappe complète…) rien n'y fait !
Merci d'avance de vos idées RJL2609

Je laisse le message car c'est pas toujours évident à voir pour des novices comme moi Smiley lol
Toutes mes excuses :
la ligne 16 a un quote fermant absent !
Une question posée est-elle un stimulant pour trouver ses erreurs ?
Merci de m'avoir lu !
RJL2609
Modifié par rjl (09 Jun 2012 - 15:21)
Salut,

Tu as oublié un guillemet fermant à la ligne qui précède. D'ailleurs, la coloration syntaxique de ton code te met sur la voie.
Merci Victor BRITO,
Je venais de le trouver quelques minutes plus tôt lorsque tu as posté ta réponse mais, c'est vrai les ajouts à des réponses publiées (et l'impératif de modifier les messages du jour) n'est pas la meilleure façon d'être vu en modif !
Merci de ta réponse RJL2609