Salut à tous,

m'inspirant d'un tuto d'Alsacréation, celui-ci:

http://css.alsacreations.com/Tutoriels-et-articles-divers/Faire-une-zone-reactive-image-map-en-CSS

Je voulais savoir la différence entre

<a id="zone1" href="#" title="Le sax tenor"></a>


et

<a id="zone1" href="" title="Le sax tenor"></a>


Sachant que je souhaite juste changer l'image au survol de la souris, et que si le visiteur clique tout de même, il ne se passe rien...

Merci d'avance!
Modifié par bouquins (22 May 2005 - 17:54)
La différence est que cela passe au validateur XHTML par exemple avec ton lien #, si rien n'est spécifié tu auras un warning. Smiley cligne
Salut papyjo, et merci!

Question subsidiare: quelle différence entre
<a id="zone1" href="/" title="Le sax tenor"></a>

et
<a id="zone1" href="#" title="Le sax tenor"></a>


Merci!
bouquins a écrit :
Salut papyjo, et merci!

Question subsidiare: quelle différence entre
<a id="zone1" href="/" title="Le sax tenor"></a>

et
<a id="zone1" href="#" title="Le sax tenor"></a>


Merci!

Le 1er recharge la page au même endroit
Le second point sur un endroit de la page, sans rien recharger donc

Je comprend pas trop ce que tu veux faire, mais pour annuler l'action d'un lien -> return: false; sur le onclick
J'ai déjà vu, et utilisé :
<a id="zone1" href="javascript:void(0);" title="Le sax tenor"></a>

Dans ce cas, 'void(0)' est une fonction qui ne fait rien et qui ne retourne rien.

Par contre, le 'validateur' de 'Html-Kit' rouspète si il n'y à pas de 'href' dans <a>.
En tout cas, c'est quelque chose qui me turlupine... je vois pas l'interet de mettre un lien si c'est pour qu'il ne point vers rien du tout, je trouve ça super limite...

Si tu veux faire un effet roll over et que tu n'a pas de lien, que tu le veuille ou non, c'est à JavaScript de le faire...

En tout cas, utiliser un lien pour autre chose que lier quelque chose, c'est franchement pas recommandé et même si le validateur ne bronche pas, il faut voir un peu plus loin tout de même.
papyjo a écrit :
Autre variante :
<a id="zone1" href="/" title="Le sax tenor"></a>
.

Les validateurs acceptent.


Ceci n'est pas du tout une solution adéquate, si on code ça le visiteur est ramené à la racine du site. C'est d'ailleurs la méthode utilisée par le site http://css.alsacreations.com/ mais là dans la bonne finalité.

extrait du code source


<h1 id="top"><a href="/">Alsacréations</a></h1>
	<a title="Aller à l'accueil" accesskey="1" href="/"><img alt="logo Alsacreations" src="../../../../xmedia/theme/design/titre.gif" /></a>