18041 sujets

Questions générales et questions de débutants

Résolu

Bonjour à tous et meilleurs voeux,
Voila, j'ai modifié le code d'un menu que j'ai récupérer sur le site mais au moment ou je veus l'insérer dans ma page un message d'erreur s"affiche <code html non valide> j'ai beau chercher je ne trouve pas l'erreur, pourriez vous m'aider svp.
<?php header('Content-Language: en'); ?>
<!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="en" lang="en">
<head>
<title>A Javascript and CSS expanding menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
//-->
</script>

<style type="text/css">
<!--
body {
background:#262626;
padding:0;
margin:0;
font-family: verdana, arial, sans-serif;
font-size: 80%;
color: black;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 44%;
left: 14em;
width: 9em;
}

#menu dt {
cursor: pointer;
background: #75B000;
height: 19px;
line-height: 10px;
margin: 2px 0;
border: 1px solid gray;
text-align: center;
font-weight: bold;
}

#menu dd {
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;
width: 8em;
background: #FFFFCC;
border: 1px solid gray;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: underline;
}


#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}

-->
</style>

</head>
<body>

<!-- Menu  -->
<dl id="menu">
		<dt onmouseover="javascript:montre('smenu1');"><a href="#">ACCUEIL</a></dt>

			</dd>	
			
		<dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">PRESENTATION</dt>
			<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">
				<ul>
					<li><a href="#">Encadrement</a></li>
					<li><a href="#">Dojo</a></li>
                                        <li><a href="#">Tarif&Horaires</a></li>
				</ul>

			</dd>	

		<dt onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">BUREAU</dt>
			<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">
				<ul>
					<li><a href="#">Comité</a></li>
				</ul>
			</dd>

		<dt onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">RESULTATS</dt>
                        <dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">
				<ul>
					<li><a href="#">Saison 06-07</a></li>
					<li><a href="#">Poussins(nes)</a></li>
                                        <li><a href="#">Benjamins(nes)</a></li>

					<li><a href="#">Minimes</a></li>

					<li><a href="#">Cadets(tes)</a></li>
					<li><a href="#">Juniors</a></li>
					<li><a href="#">Seniors</a></li>
				</ul>
			</dd>

                <dt onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre();">PHOTOS</dt>
                        <dd id="smenu5" onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre();">
				<ul>
					<li><a href="#">2002-2003</a></li>
					<li><a href="#">2003-2004</a></li>
                                        <li><a href="#">2004-2005</a></li>

					<li><a href="#">2005-2006</a></li>

					<li><a href="#">2006-2007</a></li>
					<li><a href="#">2007-2008</a></li>
					<li><a href="#">Loisirs</a></li>
                                        <li><a href="#">Tholey</a></li>
					<li><a href="#">Noël 2007</a></li>
				</ul>
			</dd>

                 <dt onmouseover="javascript:montre('smenu6');" onmouseout="javascript:montre();">VIDEO</dt>
                         <dd id="smenu6" onmouseover="javascript:montre('smenu6');" onmouseout="javascript:montre();">
				<ul>
					<li><a href="#">Ju-Jitsu</a></li>
					<li><a href="#">Alain</a></li>

                                </ul>
                        </dd>
                 
                <dt onmouseover="javascript:montre('smenu7');" onmouseout="javascript:montre();">CALENDRIER</dt>
                        <dd id="smenu7" onmouseover="javascript:montre('smenu7');" onmouseout="javascript:montre();">
				<ul>
					<li><a href="#">Code Moral</a></li>
					<li><a href="#">Benjamin(nes)</a></li>
                                        <li><a href="#">Minimes</a></li>

					<li><a href="#">Cadets(tes)</a></li>
                                        <li><a href="#">Juniors</a></li>
					<li><a href="#">Seniors</a></li>

				</ul>
			</dd>

                <dt onmouseover="javascript:montre('smenu8');"><a href="#">MEDIA</a></dt>

			</dd>

               	<dt onmouseover="javascript:montre('smenu9');"><a href="#">JUDO</a></dt>

			</dd>

               
               <dt onmouseover="javascript:montre('smenu10');"><a href="#">STEP</a></dt>

			</dd>

</dl>

</body>
</html>

Modifié par scrool (13 Jan 2008 - 15:49)
Bonjour,

Les erreurs relevées par le validateur sont très claires:
• une balise fermante </dd> ligne 108 qui n'a rien à faire là
• une esperluette (&) mal formée ligne 115
• à nouveau des </dd> qui n'ont rien à faire aux lignes 184, 188 et 192
Sujet clos
Aller à