Probleme de validation pour un rollover...

Bonjour a tous,

Il ne me reste plus qu'une seule erreur! mais je ne sais pas ce qu'il me veut??
Voici ce qu'il m'affiche...

Error  Line 20 column 89: there is no attribute "name".

...bouton1" alt="Qui sommes nous?" name="bouton1"></img></a>

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

code incriminé

<div id="bouton1">
				<a href="quisommesnous.html" onmouseover="document.bouton1.src='images/Bouton1-ON-250x25.gif'" onmouseout="document.bouton1.src='images/Bouton1-OFF-250x25.gif'" >
				<img src="images/Bouton1-OFF-250x25.gif" class="bouton1" alt="Qui sommes nous?" [b]name="bouton1" [/b] ></img></a>
			</div>

Le plus bizarre c'est que j'ai plusieurs lignes comme cela et il ne bute que sur la premiere...

Si vous avez une soluce pour moi ca serait cOOl

Merci
Modifié par Mrunknow5 (21 Nov 2006 - 11:51)

Salut,

le titre de ton sujet est incompréhensible, tu devrais le changer.

quel est l'élément auquel tu as ajouté l'attribut name de ton exemple ?

attention le tag </img> n'existe pas car <img> est une balise s'auto fermant avec la syntaxe suivante :

<img src="" alt="" />

Modifié par clb56 (21 Nov 2006 - 11:45)

L'attribut name est déprécié en XHTML. Voir à ce sujet :
http://openweb.eu.org/articles/html_au_xhtml/

mpop a écrit :
L'attribut name est déprécié en XHTML. Voir à ce sujet :
http://openweb.eu.org/articles/html_au_xhtml/

Pas sur <a>, pas sur <input>...

Attention à la précision des réponses.

clb56 a écrit :
Pas sur <a>, pas sur <input>...

Attention à la précision des réponses.

Sur <a> en XHTML 1.1...

... Attention à la précision des réponses.

koala64 a écrit :
... Attention à la précision des réponses.

Je n'ai pas osé le dire.

Yop,

Merci de vos réponse! mais comment dois je m'y prendre alors si cette attribut n'est plus valable?

Mrunknow5 a écrit :
Yop,

Merci de vos réponse! mais comment dois je m'y prendre alors si cette attribut n'est plus valable?

Sur quel élément utilises-tu cet attribut ? Dans quel but ?

Si tu l'utilises pour ajouter une ancre, remplace-le par id.

C'est juste pour mettre en place mon rollover :
CSS

.bouton1 {
background-image: url('images/Bouton1-OFF-250x25.gif');
width: 250px;
height: 25px; 
float:left;
}

HTML

<div id="bouton1">
<a href="quisommesnous.html" onmouseover="document.[b]bouton1[/b].src='images/Bouton1-ON-250x25.gif'" onmouseout="document.[b]bouton1[/b].src='images/Bouton1-OFF-250x25.gif'" >
<img src="images/Bouton1-OFF-250x25.gif" class="bouton1" alt="Qui sommes nous?" [b]name="bouton1"[/b]>
</img>
</a>
</div>

Dans ce cas-là, l'attribut name ne sert à rien pour le CSS (c'est l'attribut class qui est ciblé par la règle ".bouton1").

Quant au Javascript, la solution la plus simple est de remplacer le name par un id :

<a href="quisommesnous.html" onmouseover="document.getElementById('imgBouton1').src='images/Bouton1-ON-250x25.gif'" onmouseout="document.getElementById('imgBouton1').src='images/Bouton1-OFF-250x25.gif'" >

<img src="images/Bouton1-OFF-250x25.gif" class="bouton1" alt="Qui sommes nous?" id="imgBouton1" />

</a>

C'est un peu écrit à l'arrache, mais ça devrait marcher.

Quelques remarques en passant :
- Comme le disait clb56, la balise img est auto-fermante (il faut écrire <img ... /> et non <img ...></img>
- Tu gagnerais peut-être en simplicité en utilisant un rollover CSS plutôt que Javascript (une recherche dans le forum, la faq et les tutoriels te sera utile pour ça).
- Quitte à ajouter l'id, peut-être peux-tu enlever l'attribut class et remplacer ta règle CSS ".bouton1" par "#imgBouton1".
- Pourquoi y a-t-il une background-image dans ton CSS ?

Bon courage !
Modifié par Eldebaran (21 Nov 2006 - 15:05)

Petite précision quant à l'emploi de name sur une balise a (ancre) même si c'est un peu hors sujet.

L'attribut est bien déprécié, en XHTML1.0 Strict mais pas interdit. Il est même conseillé de le mettre en parallèle à id afin d'assurer une bonne interprétation de la part des plus anciens navigateurs (voir le lien openweb laissé par mpop) donc...

... Attention à la précision des réponses !
Modifié par koala64 (21 Nov 2006 - 15:13)

koala64 a écrit :
... Attention à la précision des réponses !

J'ai failli le faire mais j'étais à la bourre...

mpop a écrit :

J'ai failli le faire mais j'étais à la bourre...

Je pense pas que c'est à toi que Koala s'adressait

ben c'était à tout le monde en fait...

Je sens que va falloir que je me tienne à carreau ces prochains jours !