Rollover se place au mauvais endroit.

Résolu/Fermé
TwiggyT Messages postés 2 Date d'inscription samedi 19 juin 2010 Statut Membre Dernière intervention 19 juin 2010 - 19 juin 2010 à 15:56
TwiggyT Messages postés 2 Date d'inscription samedi 19 juin 2010 Statut Membre Dernière intervention 19 juin 2010 - 19 juin 2010 à 17:19
Bonjour !

Je suis actuellement en train de coder la version de mon site, et j'ai fait des roll-overs. Bon c'est la première fois que je fais un rollover sur un menu sous une image en fond -l'emplacement de la télé-
Le problème, est que lorsque je passe la souris sur l'emplacement blog -à gauche du titre- le roll over se met en haut du layout.

Voila ce que ça donne :

http://ohdear.twiggy.free.fr/TRAVAUX/Leighton/

Mon code pour le rollover est :


<area shape="rect" coords="70,0,218,69" href="http://ohdeartwiggy.fr/blog/" target="blank"
onMouseOver="document.getElementById('aab').src ='http://ohdear.twiggy.free.fr/TRAVAUX/Leighton/images/blog.png'"
onMouseOut="document.getElementById('aab').src = 'http://ohdear.twiggy.free.fr/TRAVAUX/Leighton/images/layout.png'" />

Et celui du menu : <tr>
<td valign="top"><img src="images/menu.png" border="0" usemap="#menu" id="aab"></td>
</tr>

Je code en php, j'ai beau chercher depuis une heure, changer les images, rajouter des tables, je ne trouve rien, peut être qu'un regard extérieur m'aidera, donc n'hésitez pas !

Merci d'avance pour l'aide que vous pourrez m'apporter :)

2 réponses

duweb Messages postés 353 Date d'inscription dimanche 30 mai 2010 Statut Membre Dernière intervention 6 mars 2014 72
19 juin 2010 à 16:51
1ère correction :
- ce n'est pas du rollover mais du remplacement de contenu par javascript
- pour du rollover utilise la fonction :hover dans le css

ensuite ca ne peut pas fonctionner.
- tu modifies 2 champs qui ont le même id : aab
- donc tu envoie toutes les miodifs dans le premier sui est trouvé
- renomme un des id
- les id doivent être unique dans tous les cas
1
TwiggyT Messages postés 2 Date d'inscription samedi 19 juin 2010 Statut Membre Dernière intervention 19 juin 2010
19 juin 2010 à 17:19
Ah désolée j'utilise toujours ce terme pour les images réactives au passage de la souris sur un menu quelque soit la technique ^^

Je ne savais pas qu'il fallait une id différente voila qui me fera dormir moins bête ce soir ! :D

Merci pour votre aide duweb :)
0