Rollover se place au mauvais endroit.
Résolu
TwiggyT
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
TwiggyT Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
TwiggyT Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
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 :)
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 :)
A voir également:
- Rollover se place au mauvais endroit.
- Remettre l'ecran a l'endroit - Guide
- Peut on aller en fosse avec une place assise - Forum Loisirs / Divertissements
- [Arobase] à la place de @ - Forum MacOS
- Simulation place accor hotel arena - Forum Loisirs / Divertissements
- Comment localiser un endroit - Guide
2 réponses
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
- 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