Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Programmation

Problème html attribut id

Dernière réponse le 21 nov 2009 à 11:59:56 rémoundo, le 15 nov 2009 à 18:32:09

Signaler ce message aux modérateurs

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 !

si vous avez remarque le signe XP désigne un smiley nous tirant la langue .....windows se foutrai ne notre gueule ?

Configuration: Windows XP
Firefox 3.5.5

Meilleures réponses pour « Problème html attribut id » dans :

Attribut de la balise HTML <a HREF> Voir

Les Méta Tags Voir Introduction aux méta tags Les métadonnées sont des informations situées au sein d'un document afin de le décrire. Les métadonnées sont ainsi utilisées par les moteurs de recherche lors du référencement de la page web. Grâce à ces balises non...

URGENT variable javascript attribut html Voir

Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...

[Aspirateur de pages HTML] Comment aspirer un site Web ? VoirHTTrack est un excellent aspirateur, gratuit en licence GNU GPL (libre). HTTrack permet de télécharger un site web d'Internet vers votre disque dur, en construisant récursivement tous les répertoires, récupérant html, images et fichiers du serveur...

[Site web] Vérifier, optimiser et nettoyer son code HTML VoirLes logiciels WYSIWYG de création de pages web produisent parfois du contenu HTML rempli de balises HTML inutiles, voire incompatibles avec les recommandations du W3C. Les outils proposés ci-dessous permettent de vérifier la validité du code HTML...

[CSS] Attribut SRC d'une IMG (Résolu) Voir

[HTML/Javascript] attribut value dynamique (Résolu) Voir

Attribut HTML Voir

Télécharger Lambda HTML Editor Voir

Télécharger HTML Tidy VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire s'utilise en mode de commande uniquement. La présente version, appelée "GUI Tidy", possède une interface graphique. Notez...

Télécharger HTML to PDF Converter Voir

Paragraphes en HTML VoirParagraphes Le langage HTML considère les paragraphes comme des blocs de texte. Les navigateurs répartissent au mieux leur contenu dans la fenêtre à moins qu'=un attribut NOWRAP ou NOBR soit spécifié explicitement. A l'intérieur d'un paragraphe,...

Caractères spéciaux HTML VoirCodage des caractères spéciaux Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier. Pour...

Les formulaires HTML VoirIntérêt d'un formulaire Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internaute, à la manière des coupons-réponse présents dans certains...

Un id doit être unique car il peut servir d'ancre. Et si tu as Lire la suite

Posez votre question Répondre

notobe, le 15 nov 2009 à 19:39:11

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.

Répondre à notobe

rémoundo, le 16 nov 2009 à 19:14:04

Ha ok ,mais quant je modifie et que je met class cela ne marche pas =( toute la page est "cassé" si vous avez remarque le signe XP désigne un smiley nous tirant la langue .....windows se foutrai ne notre gueule ?

Répondre à rémoundo

notobe, le 16 nov 2009 à 20:05:44

As-tu bien modifié la CSS aussi (en remplaçant les # par des .) ?

Répondre à notobe

rémoundo, le 17 nov 2009 à 07:21:14

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 ? si vous avez remarque le signe XP désigne un smiley nous tirant la langue .....windows se foutrai ne notre gueule ?

Répondre à rémoundo

notobe, le 17 nov 2009 à 17:12:19

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.

Répondre à notobe

rémoundo, le 17 nov 2009 à 17:25:56

http://validator.w3.org/...

cerner par les erreur =/ si vous avez remarque le signe XP désigne un smiley nous tirant la langue .....windows se foutrai ne notre gueule ?

Répondre à rémoundo

notobe, le 17 nov 2009 à 17:55: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.

Répondre à notobe

rémoundo, le 17 nov 2009 à 18:13:09

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 si vous avez remarque le signe XP désigne un smiley nous tirant la langue .....windows se foutrai ne notre gueule ?

Répondre à rémoundo

notobe, le 17 nov 2009 à 18:36:01

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

Répondre à notobe

rémoundo, le 17 nov 2009 à 18:44:36

Oui je me dissait ...

et donc pour les center faut passer par css ? si vous avez remarque le signe XP désigne un smiley nous tirant la langue .....windows se foutrai ne notre gueule ?

Répondre à rémoundo

notobe, le 17 nov 2009 à 19:06:26

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
...

Répondre à notobe

rémoundo, le 17 nov 2009 à 19:10:56

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">

</script>
</head>

Quand je corrige des erreurs des autre se crée x ) si vous avez remarque le signe XP désigne un smiley nous tirant la langue .....windows se foutrai ne notre gueule ?

Répondre à rémoundo

notobe, le 17 nov 2009 à 19:17:13

<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.

Répondre à notobe

rémoundo, le 17 nov 2009 à 19:19:23

Si ,sa c'est juste l'horloge flash et en en nombre qui s'affiche ,et il faut mettre sa dans le head =) si vous avez remarque le signe XP désigne un smiley nous tirant la langue .....windows se foutrai ne notre gueule ?

Répondre à rémoundo

notobe, le 17 nov 2009 à 19:26:21

Je ne te parlais pas de celui-là, mais du 1er

Répondre à notobe

rémoundo, le 17 nov 2009 à 19:32:47

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="http://www.macromedia.com/...">
<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> si vous avez remarque le signe XP désigne un smiley nous tirant la langue .....windows se foutrai ne notre gueule ?

Répondre à rémoundo

notobe, le 17 nov 2009 à 19:40:02

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+

Répondre à notobe

rémoundo, le 17 nov 2009 à 19:43:47

Ok ,à bientôt ! si vous avez remarque le signe XP désigne un smiley nous tirant la langue .....windows se foutrai ne notre gueule ?

Répondre à rémoundo

rémoundo, le 18 nov 2009 à 15:46:36

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 :/ si vous avez remarque le signe XP désigne un smiley nous tirant la langue .....windows se foutrai ne notre gueule ?

Répondre à rémoundo

30 réponses 12 Suivant

Posez votre question Répondre