[résolu tout seul, pardon]Zone réactive avec liens dedans

Bonsoir,

J'ai appliqué avec grand succès le tuto sur les images map, merci.

Ce que je voudrais en fait, c'est que le text contenu dans ma zone réagisse aussi au survol. En gros je voudrais que tout mon div soit réactif mais que seul mon texte change d'état.
J'ai trouvé une solution qui fonctionne, mais je crois que c'est contraire à l'usage vu que j'ai deux fois le même Id :

<div id="image">
	<a id="zone1" href="#" title="zone 1 zoom"></a>
    <a id="zone1" href="#">Yeah yeah </a>
</div>

la css :

#image {
position: absolute;
margin-left:250px;
width : 174px;
height: 145px;
background: url(zone1.jpg) top left no-repeat;
}
#zone1 {
width : 174px;
height: 145px;
position: absolute;
}

#zone1:hover {
width : 174px;
height: 145px;
z-index: 100;
font-size:20px;
color:#ffeedd;
}

J'ai tenté le coup avec des classes, mais cela ne fonctionne plus...


Merci pour votre patience !
Modifié par Thinkedou (23 Nov 2005 - 01:19)

En formulant ma question, j'ai trouvé la solution

C'était assez stupide comme question, cela m'apprendra à carburer au café à 1:16 du mat.

Pardon pardon




ps: on ne peut pas supprimer ses messages?
Modifié par Thinkedou (23 Nov 2005 - 01:18)

Thinkedou a écrit :
ps: on ne peut pas supprimer ses messages?

Non, seuls les modérateurs le peuvent.

Par contre, il se pourraient très bien que d'autres membres soient intéressés par ta solution, si tu veux bien la donner

Et bien je n'ai qu'une seule id par zone vu que je n'ai plus besoin de faire un lien vide...

Par contre il reste un pb, de taille... Le contenu de mon texte déborde du div, cela étant sûrement dû à la position absolue du conteneur.

#zone1 {
padding-left:10px;
padding-right:5px;
width : 174px;
height: 145px;
position: absolute;
}

Par exemple là, le padding-right n'est pas du tout pris en compte et mon texte sort joyeusement du bloc