Pas d'affichage du roll-over dans firefox

[thibaud74]

Bonjour !
Sur ce site : http://quelsmondes.free.fr fait avec DreamWeaver, le roll-over du menu de gauche ne s'affiche pas. Tous les liens fonctionnent, mais on ne les voit pas ! Pas de souci en revanche avec IE6. Comment modifier le site de manière à ce que cela fonctionne avec firefox ?

Merci de l'aide,
Thibaud.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.11) Gecko/20071128 Iceweasel/2.0.0.11 (Debian-2.0.0.11-1)

[Patclash]

Bonjour,
pour moi pas de soucis : même affichage avec FF 2.0.0.12 et IE7

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

[thibaud74]

Bizarre ! Tu as donc bien une des 6 petites fenêtres transparentes qui s'ouvre au survol de ta souris ? Pourtant java et javascript sont bien activés chez moi... Et j'utilise la dernière version de firefox, la 2.0.012... Peut-être est-ce que cela vient du fait que tu es sous windows ? Pourtant mon test positif avec IE6 s'est fait avec ma Debian...

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

[Patclash]

en fait je n'avais pas fait gaffe à ça
je viens de refaire un test sur une autre machine:
sur FF effectivement je n'ai pas ces fenêtres par passage de la souris alors qu'elles sont présentes sur IE6

donc il y a des erreurs dans le codage de la page à vérifier

Message envoyé avec : Mozilla/5.0 (Windows; U; Win98; fr; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

[jpj]

Bonsoir,

Les menus s'affichent avec Konqueror. A condition de très bien viser un peu au dessus :
- de l'espace entre le "c" et le "h" de de "Recherche" (les premiers);
- du A de "Association" (légèrement à droite) ;
- de l'espace entre le "n" et le "a" de "Journal".

Il y a 3 ou 4 pixels "sensibles". On arrive aussi à les faire apparaître avec Firefox mais c'est uniquement un coup de chance car il ne doit y avoir qu'un seul pixel "sensible" (bord droit du cadre "Association" mais je ne trouve pas les autres).

Je déplace dans "Développement web".

A+

[thibaud74]

21 erreurs à corriger, ce n'est pas rien ! Peut-être en réintégrant la page dans Nvu, il y aurait un vérificateur de code ?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.11) Gecko/20071128 Iceweasel/2.0.0.11 (Debian-2.0.0.11-1)

[Fabrice.Tres.Net]

Kompozer ... Nvu n'est plus maintenu!

Sûr que Kompozer produit un meilleur que code que don't dreamweaver !

Ton site a un autre problème c'est qu'il est bâti avec des frames, ce qui est totalement déconséillé... et bien entendu pas directement utilisable avec Kompozer.

[chinon37]

Pourquoi ne pas avoir fait le menu simplement en css?

[Invité]

C'est long d'apprendre à faire ça ?

[thibaud74]

Bon, je galère pour arranger ce roll-over !
Le problème est exactement dans cette page :
http://quelsmondes.free.fr/navigation/menua2.htm
Curieusement, c'est le même script en javascript que pour le menu horizontal, qui lui fonctionne très bien : http://quelsmondes.free.fr/navigation/menu_u2.htm

Sous konqueror, seuls la première ligne de chaque bouton réagit. Pourtant, les dimensions du tableau ont l'air correctes.

J'ai essayé de recommencer le roll-over avec kompozer, mais je ne trouve pas de tuto simple dans ce forum. En effet, il faudrait redécouper toutes les images pour indiquer l'image de retour (onmouseout). Or, il n'y a pas d'image de retour, car c'est uniquement l'image de fond qui doit se réafficher si la souris quitte la zone sensible...

Est-ce possible de faire ce roll-over avec seulement l'instruction onmouseover ?

Pour faire un rollover en css, j'ai trouvé ce tuto http://www.thesitewizard.com/webdesign/ ... ozer.shtml
mais ça m'a l'air plus long encore.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.11) Gecko/20071128 Iceweasel/2.0.0.11 (Debian-2.0.0.11-1)

[thibaud74]

Ce que je ne comprends pas, c'est où mettre le code du rollover par rapport au code du tableau ?
Voici le code css :

Code : Tout sélectionner

onmouseout="this/src='gauche/journal-.gif';"
 onmouseover="this.src='gauche/journal.jpg';"

Et le code du tableau :

Code : Tout sélectionner

</script><base target="haut_droite"></head><body
 onload="MM_preloadImages('gauche/acceuil.jpg','gauche/recherche.jpg','gauche/association.jpg','gauche/journal.jpg','gauche/discussion.jpg','gauche/evenements.jpg','gauche/acceuil-.gif','gauche/recherche-.gif','gauche/association-.gif','gauche/journal-.gif','gauche/discussion-.gif','gauche/evenements-.gif')"
 leftmargin="0" topmargin="0"
 style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(../menu_gauche.jpg);"
 marginheight="0" marginwidth="0"><map
 name="RechercheMap"><area shape="rect"
 coords="2,44,94,77" href="../ressources/liens-infos.htm"
 target="Principal"><area shape="rect"
 coords="1,17,93,44" href="../ressources/recherche.htm"
 target="Principal"><area shape="rect"
 coords="0,1,96,17" href="../ressources.htm"
 target="Principal"></map><map name="AssociationMap"><area
 shape="rect" coords="1,1,81,16" href="../ulysse.htm"
 target="Principal"><area shape="rect"
 coords="1,16,91,31" href="../association/presidence.htm"
 target="Principal"><area shape="rect"
 coords="2,29,88,42" href="../association/secretariat.htm"
 target="Principal"><area shape="rect"
 coords="2,42,87,54" href="../association/tresorerie.htm"
 target="Principal"><area shape="rect"
 coords="1,53,91,65" href="../association/membres.htm"
 target="Principal"><area shape="rect"
 coords="2,65,95,95"
 href="../association/relationsexterieures.htm"
 target="Principal"></map><map name="JournalMap"><area
 shape="rect" coords="0,1,95,15" href="../journal.htm"
 target="Principal"><area shape="rect"
 coords="1,15,87,41" href="../journal/cbu4/cbu4.htm"
 target="Principal"><area shape="rect"
 coords="2,41,97,63" href="../journal/cbu3/cbu3.htm"
 target="Principal"><area shape="rect"
 coords="1,63,101,98" href="../democratie.pdf"
 target="Principal"></map>
<map name="DiscussionMap"><area shape="rect"
 coords="0,1,95,18" href="../discussion.htm"
 target="Principal"><area shape="rect"
 coords="0,18,95,31"
 href="http://forums.multimania.lycos.fr/lire/ulysseasso/"
 target="Principal"><area shape="rect"
 coords="1,31,96,44"
 href="http://forums.multimania.lycos.fr/lire/qmd/"
 target="Principal"><area shape="rect"
 coords="0,44,95,55" href="../correspondants.htm"
 target="Principal"><area shape="rect"
 coords="0,55,95,69" href="http://adimesasso.free.fr/"
 target="Principal"></map><map name="EvènementsMap"><area
 shape="rect" coords="0,1,95,17"
 href="../evenementiel.htm" target="Principal"><area
 shape="rect" coords="1,17,95,29"
 href="../evenementiel/calendrier.htm" target="Principal"><area
 shape="rect" coords="1,29,100,69"
 href="../evenementiel/3iemecycle.htm" target="Principal"></map><map
 name="AcceuilMap"><area shape="rect"
 coords="2,19,86,33" href="../aide.htm" target="Principal"><area
 shape="rect" coords="2,32,94,57"
 href="mailto:ulysseasso@free.fr"><area shape="rect"
 coords="0,1,82,20" href="../acceuil.html"
 target="Principal"></map><table
 style="text-align: left; width: 82px; height: 432px;" border="0"
 cellpadding="0" cellspacing="0"><tbody><tr><td
 style="height: 48px;"><img src="gauche/accueil.jpg"
 alt="" onmouseout="src='gauche/accueil-.gif'"
 onmouseover="src='gauche/accueil.jpg'"></td></tr><tr><td
 style="height: 70px;"></td></tr><tr><td
 style="height: 93px;"></td></tr><tr><td
 style="height: 91px;"
 onmouseout="this/src='gauche/journal-.gif';"
 onmouseover="this.src='gauche/journal.jpg';"></td></tr><tr><td
 style="height: 70px;"></td></tr><tr><td
 style="height: 60px;"></td></tr></tbody></table><br></body></html>

Désolé, total débutant en vue !

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.11) Gecko/20071128 Iceweasel/2.0.0.11 (Debian-2.0.0.11-1)