Sujet Précédent Sujet Suivant

Problème html attribut id

Résolu/Fermé
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 - 15 nov. 2009 à 18:32
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 - 21 nov. 2009 à 11:59
Bonjour,j'ai fais le validator du w3c et j'ai un problème majeur (400 erreur)

erraur en grande quantité : les <div id="...

il faut qu'elles soit unique et je ne sais ps comment faire pour remplacer le id

ex du code : 

	<div id="left_bas2"></div>

	    <div id="left_haut2"><h3>.:Le site:. </h3></div>
		<div id="leftbk2">
		    <a href="tonlien.html"><img src="images/gh.png" border=no></a><br />
			<a href="tonlien.html"><img src="images/gh2.png" alt="boutton"></a><br />
			<a href="tonlien.html"><img src="images/gh3.png" alt="boutton"></a><br />
			<a href="tonlien.html"><img src="images/gh4.png" alt="boutton"></a><br />
			<a href="tonlien.html"><img src="images/gh5.png" alt="boutton"></a><br />
			<a href="tonlien.html"><img src="images/gh6.png" alt="boutton"></a><br />

			<a href="tonlien.html"><img src="images/gh7.png" alt="boutton"></a><br />
		</div>
		<div id="left_bas2"></div>
	    <div id="left_haut2"><h3>.:présentation:.</h3></div>
		<div id="leftbk2">
		    <a href="tonlien.html"><img src="images/gh11.png" border=no></a><br />
		<a href="tonlien.html"><img src="images/gh12.png" alt="boutton"></a><br />
		<a href="tonlien.html"><img src="images/gh13.png" alt="boutton"></a><br />

		<a href="tonlien.html"><img src="images/gh14.png" alt="boutton"></a><br />
		<a href="tonlien.html"><img src="images/gh15.png" alt="boutton"></a><br />
		<a href="tonlien.html"><img src="images/gh16.png" alt="boutton"></a><br />
		<a href="tonlien.html"><img src="images/gh49.png" alt="boutton"></a><br />
</div>
		<div id="left_bas2"></div>
	    <div id="left_haut2"><h3>.:Metroids:.</h3></div>
		<div id="leftbk2">
<a href="tonlien.html"><img src="images/gh65.png" alt="boutton"></a><br />

<a href="tonlien.html"><img src="images/gh66.png" alt="boutton"></a><br />
<a href="tonlien.html"><img src="images/gh67.png" alt="boutton"></a><br />
<a href="tonlien.html"><img src="images/gh68.png" alt="boutton"></a><br />
		</div>
		<div id="left_bas2"></div>


comment faire pour que les "id" ne se répette pas ?

merci d'avance pour votre aide !



A voir également:

30 réponses

  • 1
  • 2
Réponse 1 / 30
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
15 nov. 2009 à 19:39
Un id doit être unique car il peut servir d'ancre. Et si tu as plusieurs ancres identiques dans une page... pas très pratique si tu veux t'en servir pour une navigation interne, ou le récupérer dans un javascript.

A place des id, mets des class. 
<div class="left_bas2">

et dans ton code css, remplace les # par un point : 
.left_bas2


C'est tout.

Autre chose : tes images doivent avoir un texte alternatif pertinent. Donc des boutons de liens ne doivent pas tous avoir comme alt "boutons" : ça ne sert à rien ! Il faut que le contenu du alt soit le même que le texte écrit en image sur ton bouton.
1
Réponse 2 / 30
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
16 nov. 2009 à 19:14
ha ok ,mais quant je modifie et que je met class cela ne marche pas =( toute la page est "cassé"
0
Réponse 3 / 30
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
16 nov. 2009 à 20:05
As-tu bien modifié la CSS aussi (en remplaçant les # par des .) ?
0
Réponse 4 / 30
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
17 nov. 2009 à 07:21
oui ,c'est bon mais il ne faut modifier en class que les élément qui se répète ,mais j'ai toujour le meme nombre d'erreur au validator

par exemple :

Line 348, Column 7: XML Parsing Error: Premature end of data in tag html line 4

</html>

je ne comprend pas ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 30
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
17 nov. 2009 à 17:12
Souvent il faut regarder plus haut dans le code pour trouver l'erreur.... à la ligne 4 par exemple !
Si tu nous donnais l'url, ce serait plus facile.
0
Réponse 6 / 30
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
17 nov. 2009 à 17:25
http://validator.w3.org/...

cerner par les erreur =/
0
Réponse 7 / 30
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
17 nov. 2009 à 17:55
Ah oui, c'est le moins qu'on puisse dire...

Tu as choisis un doctype xhtml 1.0 strict. Ce qui veut dire que tu "t'engages" à respecter un certain nombre de règles :
1. Ne pas utiliser les balises et des attributs obsolètes ou dépréciés
2. d'écrire toutes les balises en minuscule
3. de mettre tous les attributs entre guillemets
4. A fermer toutes les balises, même les non fermantes

Or :
1. tu utilises des <font>, des <center>, bgcolor...
2. Tout un tas de balises sont écrites en majuscule
3. Tous les attributs ne sont pas entre guillemets.
4. Toutes les balises ne sont pas fermées (des <br> au lieu de <br /> par exemple)

Tu as donc déjà là un très gros ménage à faire.
Ou alors changes de doctype, et utilises du html 4.01 transitional...

Sinon, tu as deux fois la balise body => il y en a une de trop !

Il y a bcp d'autres choses à dire... ;) Mais corrige déjà tout ça, on y verra plus clair.
0
Réponse 8 / 30
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
17 nov. 2009 à 18:13
et si je dit que je veut utiliser html5 par exemple ,sa marche aussi ?

parce que avec html 5 3 Errors, 3 warning(s) =D
0
Réponse 9 / 30
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
17 nov. 2009 à 18:36
Le html5 en est encore à un stade de développement, et d'implémentation. Il y a de profonds changements par rapport au html 4.
Ne mets pas la charrue avant les boeufs. C'est encore un langage réservé aux spécialistes, qui savent ce qu'ils font.

La réponse est donc : non, pas de html 5, tu n'es pas prêt petit scarabée ;p
0
Réponse 10 / 30
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
17 nov. 2009 à 18:44
oui je me dissait ...

et donc pour les center faut passer par css ?
0
Réponse 11 / 30
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
17 nov. 2009 à 19:06
Oui, tous les éléments et attributs dépréciés le sont car ils peuvent remplacés par les CSS.

Pour centrer, il faut donc utiliser un text-align:center, ou un margin:auto, selon le cas.
Tous les <font> sont à remplacer par font-family, font-size etc.
Le bgcolor, par background-color
...
0
Réponse 12 / 30
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
17 nov. 2009 à 19:10
ok ,dans cette partie rien de louche ?

<!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>
<link rel="icon" type="image/ico" href="images/favicon.ico" />
<script src="jquery.min.js" type="text/javascript"></script>
<script type= "text/javascript">/*<![CDATA[*/
$(function(){
//Get our elements for faster access and set overlay width
var div = $('div.sc_menu'),
ul = $('ul.sc_menu'),
ulPadding = 15;

//Get menu width
var divWidth = div.width();

//Remove scrollbars
div.css({overflow: 'hidden'});

//Find last image container
var lastLi = ul.find('li:last-child');

//When user move mouse over menu
div.mousemove(function(e){
//As images are loaded ul width increases,
//so we recalculate it each time
var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
div.scrollLeft(left);
});
});
/*]]>*/</script>
<SCRIPT LANGUAGE="JavaScript">
function popup(page) {
window.open(page,'popup','width=900px,height=600px,toolbar=false,scrollbars=false');
}
</SCRIPT>
<title>Nintendow :.</title>
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link type="text/css" rel="stylesheet" href="style.css" />
<script language="JavaScript">
<!--
//PLF-https://twitter.com/ceosammassey
function heure () {
var Maintenant = new Date();
var heures = Maintenant.getHours();
var minutes = Maintenant.getMinutes();
var secondes = Maintenant.getSeconds();
heures = ((heures < 10) ? " 0" : " ") + heures;
minutes = ((minutes < 10) ? ":0" : ":") + minutes;
secondes = ((secondes < 10) ? ":0" : ":") + secondes;
document.formhorloge.horloge.value = heures + minutes + secondes;
setTimeout("heure()",1000);
}
// -->
</script>
</head>

Quand je corrige des erreurs des autre se crée x )
0
Réponse 13 / 30
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
17 nov. 2009 à 19:17 
<SCRIPT LANGUAGE="JavaScript">

A écrire en minuscules et remplacer LANGUAGE="JavaScript" par type="text/javascript"

En passant, un menu doit être navigable même avec le javascript désactivé... Je ne pense pas que ce soit le cas du tien.
0
Réponse 14 / 30
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
17 nov. 2009 à 19:19
si ,sa c'est juste l'horloge flash et en en nombre qui s'affiche ,et il faut mettre sa dans le head =)
0
Réponse 15 / 30
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
17 nov. 2009 à 19:26
Je ne te parlais pas de celui-là, mais du 1er
0
Réponse 16 / 30
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
17 nov. 2009 à 19:32
il m'affiche que 136 erreur ,pas normal puisque maintenant c'est 485 !

(l'hystérie chez moi ,c'est naturelle =P)

Bon alors danc cette partie :

<body bgcolor="#FFFFFF" background="im/fond.gif" onload="heure()">

<div id="site">
<?php
$tab = file("header.txt") ;

srand((double)microtime() * 1000000) ;
$nbr = rand(0, (count($tab) - 1)) ;
echo $tab[$nbr] ;
?>
<ul id="navbar">
<li><a title="Accueil" href="index.html">Accueil</a></li>
<li><a title="partenaires" href="partenaires.html">partenaires</a></li>
<li><a title="Lien" href="_">Livre d'or </a></li>
<li><a title="Lien" href="#">nintenquiz</a></li>
<li><a title="Lien" href="#">E.P.W.F</a></li>
<li><a title="Lien" href="#">newsletter</a></li>
<li><a title="Lien" href="#">chat</a></li>
</ul>
</div>
<div id="left">

<div class="left_haut2"><h3>.:heure:.</h3></div>
<div class="leftbk2">
<center><OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
CODEBASE="http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0">
<PARAM NAME="MOVIE" VALUE="clock8.swf">
<PARAM NAME="PLAY" VALUE="true">
<PARAM NAME="LOOP" VALUE="true">
<PARAM NAME="WMODE" VALUE="Transparent">
<PARAM NAME="QUALITY" VALUE="high">
<EMBED SRC="clock8.swf" WIDTH="100" HEIGHT="100" PLAY="true" LOOP="true" WMODE="Transparent" QUALITY="high"
PLUGINSPAGE="https://get.adobe.com/flashplayer/">
<form name="formhorloge" onSubmit="0">
<div align="center">
<input type="button" name="horloge" value="">
</div>
</form>
</EMBED>
</OBJECT></center>
</div>
<div class="left_bas2"></div>
<div class="left_haut2"><h3>.:Le site:. </h3></div>
<div class="leftbk2">
<a href="tonlien.html"><img src="images/gh.png" border=no></a><br />
<a href="tonlien.html"><img src="images/gh2.png" alt="boutton"></a><br />
<a href="tonlien.html"><img src="images/gh3.png" alt="boutton"></a><br />
<a href="tonlien.html"><img src="images/gh4.png" alt="boutton"></a><br />
<a href="tonlien.html"><img src="images/gh5.png" alt="boutton"></a><br />
<a href="tonlien.html"><img src="images/gh6.png" alt="boutton"></a><br />
<a href="tonlien.html"><img src="images/gh7.png" alt="boutton"></a><br />
</div>
<div class="left_bas2"></div>
<div class="left_haut2"><h3>.:présentation:.</h3></div>
<div class="leftbk2">
<a href="tonlien.html"><img src="images/gh11.png" border=no></a><br />
<a href="tonlien.html"><img src="images/gh12.png" alt="boutton"></a><br />
<a href="tonlien.html"><img src="images/gh13.png" alt="boutton"></a><br />
<a href="tonlien.html"><img src="images/gh14.png" alt="boutton"></a><br />
<a href="tonlien.html"><img src="images/gh15.png" alt="boutton"></a><br />
<a href="tonlien.html"><img src="images/gh16.png" alt="boutton"></a><br />
<a href="tonlien.html"><img src="images/gh49.png" alt="boutton"></a><br />
</div>
<div class="left_bas2"></div>
<div class="left_haut2"><h3>.:Metroids:.</h3></div>
<div class="leftbk2">
<a href="tonlien.html"><img src="images/gh65.png" alt="boutton"></a><br />
<a href="tonlien.html"><img src="images/gh66.png" alt="boutton"></a><br />
<a href="tonlien.html"><img src="images/gh67.png" alt="boutton"></a><br />
<a href="tonlien.html"><img src="images/gh68.png" alt="boutton"></a><br />
</div>
<div class="left_bas2"></div>
<div class="left_haut2"><h3>.:Newsletter:. </h3></div>
<div class="leftbk2">
<form method="post" action="inscription.php">
<table width="10" border="0" class="encadre">
<tr>
<td><input class="textbox_login" type="text" name="email" size="25" /></td>
<td> </td>
<tr>
<td>
<input name="action" type="radio" value="abo"
checked="checked" />
inscription<br />
<input type="radio" name="action" value="desabo" />
désinscription
</td>
</tr>
<tr>
<td>
<input type="submit" name="valid" value="Valider" />
</td>
</tr>
</table>
</form>

</div>
<div class="left_bas2"></div>
0
Réponse 17 / 30
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
17 nov. 2009 à 19:40
Rémoudo, je ne vais pas tout débugger à ta place ! En plus je n'ai pas le temps...(faut que j'y aille là)

Dans cette partie tu as encore des balises en majuscules, encore des attributs dépréciés (dans le body), encore des <center>...

a+
0
Réponse 18 / 30
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
17 nov. 2009 à 19:43
ok ,à bientôt !
0
Réponse 19 / 30
rémoundo Messages postés 408 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 17 mars 2010 17
18 nov. 2009 à 15:46
hello !

Error Line 345, Column 7: XML Parsing Error: Premature end of data in tag div line 107

</html>

que veut dire cette erreur ?

je cherche sur le net et je ne trouve vraiment pas :/
0
Réponse 20 / 30
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
18 nov. 2009 à 21:04
Comme je te l'ai dis plus tôt, il faut souvent chercher l'erreur en amont.
Je crois voir par exemple un <tr> qui n'est pas fermé.

Contrôle tous tes div, n'y en a-t-il pas un qui est ouvert et non fermé ?
Tu en as un paquet.... vérifie.

Tu as toujours des <font> qui trainent, des balises img qui ne sont pas fermées d'un slash.
0

Discussions similaires

Comment définir ma nouvelle PS4 comme PS4 principale ?
cod-alpha -
hhh -

8 réponses
c quoi Email ID
causette -
Wiem -

5 réponses
Problème authentification
Bass -
Wisko -

6 réponses
Activation d'une carte SIM
promolaco -
Estcequevouspouvezmaidersvp -

4 réponses
&nbsp ; Quelle Fonction ?
-Jeff- -
sl4ck -

14 réponses