Zone réactive / image a span

Bonjour à tous !

Je viens d'utiliser avec succès (ou presque) le tutoriel de création de zones réactives sur une image mise en background mais je rencontre un problème avec le code

#image a span {/* contenu masqué mais accessible sans CSS*/
	position:absolute;
	left: -500em;
	top: -500em;
	text-indent: -500em;
}

qui permet de laisser un lien si le CSS n'est pas activé, se matérialisant ainsi dans le code html (dans mon exemple) :

<a id="zone1" href="index-idf.htm" title="Etablissements d'Ile de France"><span>Vers les établissements d'Ile de France</span></a>

Or le lien "Vers les établissements d'Ile de France" apparaît sur l'image en question, comment se fait-ce ?

Merci de votre aide !

Il faut que dans ton code CSS tu rajoute ceci :

#image a
{
	display:block;
	height : 150px ;
	width : 170px ;
}

Normalement ça marche

La page ou j'ai réalisé ceci : http://www.programme-itineraires.fr (le CSS : http://programme-itineraires.fr/stylesheets/base.css)

Tcho

Laruche

On peut rappeler que ces techniques de remplacement de contenu par des images de fond (normalement censées être décoratives) ne seront jamais aussi accessible que les images de contenu dans le code HTML, avec attribut alt (texte alternatif) correctement renseigné.

Pour les rollovers, on utilisera alors Javascript.