Geckozone

Bonjour,

on m'a conseillé de venir vous rendre visite, chose que je fais, via ce TOPIC.

Alors, pour me présenter, rapido, la moindre des choses : Dje, 33 ans, région Parisienne mais originaire d'Albi (81), passionné de rugby, d'informatique, adm de 2 sites (un perso pour ma famille, un de rugby pour les ovalmen) et d'un forum rugby.

Mon soucis .. j'ai mis en place semaine dernière FF 1.0.7, que je ne connaissais pas, je ne connaissais qu'IE !!! Je découvre donc FF, excellent, souple, super sympa ... mais un soucis, sur au moins une page du net, de mon site perso "famille", qui est http://perso.wanadoo.fr/jerome.tarroux/ ... ternet.htm

Cette page perso, dont je vous donne le lien, est une page relativement grosse, de liens internet, via des menus déroulants sous passage de la souris (onMouseOut et onMouseOver). Je souhaite garder ce principe de menu avec "action" de la souris, à son passage.

Sous FF 1.0.7, du moins chez moi, cette page ne fonctionne pas bien, en effet, elle scintille, bouge, les menus s'ouvrent, mais ne se referme pas forcément, c'est "impraticable", et "désagréable".

Des internautes sous FF 1.0.7 n'ont pas ce soucis, pour eux, la page est "normale", ... pour d'autres, comme moi, elle est HS (pourquoi donc) !!

J'ai ouvert un TOPIC à cette adresse : http://www.geckozone.org/forum/viewtopic.php?t=29781 (c'est là qu'on m'a conseillé de venir vous voir, pour avoir aussi un petit historique)

Je ne sais pas ou se situe le problème, vient-il de ma programmation de page, ou de mauvaises options (coches, choix, options) de mon FF sur poste perso ???

Ma page fonctionne à merveille sous IE et opéra 8.5.

Je vous laisse mes codages ..

javascript (entre les balises HEAD) :

</SCRIPT>
<script language="JavaScript">

</script>

CSS (entre les balises HEAD) :

<STYLE type=text/css>UL {
FONT-FAMILY: verdana, arial, sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: normal; LIST-STYLE: none; MARGIN: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
LI {
FONT-FAMILY: verdana, arial, sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: normal; LIST-STYLE: none; MARGIN: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.menu {
BACKGROUND-COLOR: #e1d91d; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; CLEAR: both; FONT-SIZE: 12px; FONT-WEIGHT: bold; HEIGHT: 20px; MARGIN-TOP: 5px; TEXT-ALIGN: center; WIDTH: 300px
}
#smenu1 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu2 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu3 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu4 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu5 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu6 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu7 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu8 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu9 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu10 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu11 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu12 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu13 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu14 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu15 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu16 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu17 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
#smenu18 {
BACKGROUND-COLOR: #deb820; DISPLAY: none; FLOAT: left; FONT-SIZE: 8px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; WIDTH: 300px
}
.mentions {
BACKGROUND-COLOR: #ddd; BOTTOM: 200px; COLOR: #000; FONT-FAMILY: verdana, arial, sans-serif; LEFT: 10px; POSITION: absolute
}
A {
COLOR: #222; TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}
</STYLE>

HTML (après la balise /HEAD) :

<table width="100%" border="1">
<tr bgcolor="#CFFFFF">
<td bgcolor="#CFFFFF" valign="top">
<div align="center">
<div align="center">
<ul>
<li class=menu onMouseOut="cache('smenu10');"
onMouseOver="montre('smenu10')"><a href="#">Actualités et Média</a>
<ul id=smenu10 onMouseOut="cache('smenu10');" onMouseOver="montre('smenu10');">
<a href="http://www.leparisien.com" target="_blank">Le
Parisien</a> 
<a href="http://www.lemonde.fr/" target="_blank">Le
Monde</a> 
<a href="http://www.lefigaro.fr/cgi-bin/gx.cgi/A ... &live=true" target="_blank">Le
Figaro</a> 
<a href="http://www.humanite.presse.fr/" target="_blank">L'humanité</a> 
<a href="http://www.multimania.com/paddy/" target="_blank">Charlie
Hebdo</a> 
<a href="http://www.ladepeche.fr/depeche.asp" target="_blank">La
Dépèche</a> 
<a href="http://www.20minutes.fr/" target="_blank">20
Minutes</a> 
<a href="http://www.elpais.es/" target="_blank">El
Pais (Espagne)</a> 
<a href="http://www.elmundo.es/" target="_blank">El
Mundo (Espagne) </a> 
<a href="http://elpais-cali.terra.com.co/paisonline/" target="_blank">El
Pais (Amérique Latine)</a> 
<a href="http://www.elmundo.com/" target="_blank">El
Mundo (Amérique Latine)</a> 
<a href="http://www.washingtonpost.com/" target="_blank">Washington
Post (USA)</a> 
<a href="http://www.nytimes.com/" target="_blank">New
York Times (USA)</a> 
<a href="http://www.cnn.com/" target="_blank">CNN (USA)</a> 
<a href="http://www.thetimes.co.uk/" target="_blank">Times
(GB)</a> 
<a href="http://www.eldiario.com.ar/index.htm" target="_blank">El
Diaro (Argentine)</a> 
<a href="http://www.boursorama.com/" target="_blank">La
Bourse</a> 
<a href="http://chaines.free.fr/meteo/" target="_blank">La
Météo</a> 
<a href="http://chaines.free.fr/horoscope/" target="_blank">L'horoscope</a>
</ul>
 
<li class=menu onMouseOut="cache('smenu11');"
onMouseOver="montre('smenu11');"><a href="#">Régions et Villes Françaises</a>
<ul id=smenu11 onMouseOut="cache('smenu11');" onMouseOver="montre('smenu11');">
<a href="http://www.cr-alsace.fr/v2001/alsace/cdr_flash.htm" target="_blank">Alsace
</a><a href="http://www.mairie-strasbourg.fr/" target="_blank">
(Strasbourg)</a> 
<a href="http://www.crt.cr-aquitaine.fr/" target="_blank">Aquitaine
</a><a href="http://www.mairie-bordeaux.fr/" target="_blank">
(Bordeaux)</a> 
<a href="http://www.cr-auvergne.fr/" target="_blank">Auvergne
</a><a href="http://www.ville-clermont-ferrand.fr/" target="_blank">
(Clermont Ferrand) </a> 
<a href="http://www.cr-basse-normandie.fr/vf/index.htm" target="_blank">Basse
Normandie </a><a href="http://www.ville-caen.fr/" target="_blank">
(Caen)</a> 
<a href="http://217.167.233.75/index.asp" target="_blank">Bourgogne
</a><a href="http://www.ville-dijon.fr/" target="_blank">
(Dijon)</a> 
<a href="http://www.region-bretagne.fr/" target="_blank">Bretagne
</a><a href="http://www.ville-rennes.fr/" target="_blank">
(Rennes)</a> 
<a href="http://www.regioncentre.fr/" target="_blank">Centre
</a><a href="http://www.orleans.fr/" target="_blank">
(Orléans)</a> 
<a href="http://www.cr-champagne-ardenne.fr/" target="_blank">Champagne
Ardennes </a><a href="http://www.ville-reims.com/" target="_blank">(Reims)
</a> 
<a href="http://lessites.service-public.fr/cgi-b ... =8&lang=fr" target="_blank">Corse
</a><a href="http://www.tourisme.fr/ajaccio/" target="_blank">
(Ajaccio)</a> 
<a href="http://www.cr-franche-comte.fr/" target="_blank">Franche
Comté </a><a href="http://www.besancon.com/intro/francais/" target="_blank">(Besançon)
</a> 
<a href="http://www.region-haute-normandie.fr/" target="_blank">Haute
Normandie </a><a href="http://www.mairie-rouen.fr/index31.html" target="_blank">(Rouen)</a> 
<a href="http://www.iledefrance.fr/" target="_blank">Ile
de France </a><a href="http://www.paris-france.org/" target="_blank">(Paris)</a> 
<a href="http://www.cr-languedocroussillon.fr:8008/" target="_blank">Languedoc
Roussillon </a><a href="http://www.ville-montpellier.fr/index.php" target="_blank">(Montpellier)
</a> 
<a href="http://www.cr-limousin.fr/" target="_blank">Limousin
</a><a href="http://www.ville-limoges.fr/" target="_blank">
(Limoges)</a> 
<a href="http://www.cr-lorraine.fr/" target="_blank">Lorraine
</a><a href="http://www.mairie-metz.fr:8080/" target="_blank">
(Metz)</a> 
<a href="http://www.cr-mip.fr/" target="_blank">Midi
Pyrénées </a><a href="http://www.mairie-toulouse.fr/" target="_blank">(Toulouse)
</a> 
<a href="http://www.cr-npdc.fr/" target="_blank">Nord
Pas de Calais </a><a href="http://www.mairie-lille.fr/" target="_blank">(Lille)
</a> 
<a href="http://www.paysdelaloire.fr/indexflash.htm" target="_blank">Pays
de Loire </a><a href="http://www.mairie-nantes.fr/" target="_blank">(Nantes)</a> 
<a href="http://www.cr-picardie.fr/" target="_blank">Picardie
</a><a href="http://w2.amiens.com/" target="_blank">
(Amiens)</a> 
<a href="http://www.cr-poitou-charentes.fr/" target="_blank">Poitou
Charente </a><a href="http://www.mairie-poitiers.fr/" target="_blank">(Poitiers)</a> 
<a href="http://www.cr-paca.fr/" target="_blank">PACA
</a><a href="http://www.mairie-marseille.fr/" target="_blank">
(Marseille)</a> 
<a href="http://www.cr-rhone-alpes.fr/v2/" target="_blank">Rhône
Alpes </a><a href="http://www.mairie-lyon.fr/" target="_blank">(Lyon)</a>
</ul>
 
<li class=menu onMouseOut="cache('smenu12');"
onMouseOver="montre('smenu12');"><a href="#">Banques en Ligne</a>
<ul id=smenu12 onMouseOut="cache('smenu12');" onMouseOver="montre('smenu12');">
<a href="#"> </a><a href="http://www.societegenerale.fr/" target="_blank">Société
Générale</a> 
<a href="http://www.credit-agricole.fr/index-fla.shtml" target="_blank">Crédit
Agricole</a> 
<a href="http://www.bnpnet.bnp.fr/" target="_blank">BNP
Paribas</a> 
<a href="https://www.videoposte.com/statique/fra ... index.html" target="_blank">La
Poste</a> 
<a href="http://interactif.creditlyonnais.fr/" target="_blank">Crédit
Lyonnais</a> 
<a href="http://www.smc.fr/" target="_blank">Société
Marseillaise de Crédit SMC</a> 
<a href="https://www.filbanque.com/filbanque/frame.cgi" target="_blank">Crédit
Industriel et Commercial CIC</a> 
<a href="http://www.caisse-epargne.fr/asp/modele1.asp?mc=751" target="_blank">Caisse
d'Epargne</a> 
<a href="http://www.banquepopulaire.fr/" target="_blank">Banque
Populaire</a> 
<a href="http://www.bred.fr/servlet/ContentServe ... 2174449957" target="_blank">BRED</a> 
<a href="https://www.creditmutuel.fr/accueil_national.cgi" target="_blank">Crédit
Mutuel</a>
</ul>
 
</ul>
</div>
</div>
<div align="center">
<ul>
<li class=menu onMouseOut="cache('smenu1');"
onMouseOver="montre('smenu1')"><a href="#">Annuaires, Emploi et Santé</a>
<ul id=smenu1 onMouseOut="cache('smenu1');" onMouseOver="montre('smenu1');">
<a href="http://www.wanadoo.fr/bin/frame.cgi?ser ... wanadoo.fr" target="_blank">Pages
jaunes / blanches</a> 
<a href="http://www.ctqui.com/" target="_blank">Annuaire
Inversé</a> 
<a href="http://www.pagesi.fr/pj.cgi?faire=monde" target="_blank">Pages
Internationales</a> 
<a href="http://www.droit.pratique.fr/" target="_blank">Le
droit pratique</a> 
<a href="http://www.legifrance.gouv.fr/html/frame_convcol.htm" target="_blank">Conventions
Collectives</a> 
<a href="http://www.anpe.fr/index.jsp" target="_blank">ANPE
(emploi)</a> 
<a href="http://www.apec.asso.fr" target="_blank">APEC
(cadres)</a> 
<a href="http://www.monster.fr/" target="_blank">Monster</a> 
<a href="http://www.e-sante.fr/" target="_blank">e-santé</a> 
<a href="http://bienetre.nouvelobs.com/" target="_blank">Bien
Etre</a> 
<a href="http://www.doctissimo.fr/" target="_blank">Doctissimo</a> 
<a href="http://www.medecine-et-sante.com/" target="_blank">Medecine
et Santé</a> 
<a href="http://www.santemagazine.fr/" target="_blank">Santé
Magazine </a> 
<a href="http://www.santeweb.com/" target="_blank">Santé
Web </a> 
<a href="http://www.tasante.com/" target="_blank">Ta
Santé </a> 
<a href="http://www.astrium.com/" target="_blank">Astrium</a> 
<a href="http://www.psychologie.org/" target="_blank">psychologie.org</a> 
<a href="http://www.psychologies.com/" target="_blank">psychologies.com</a> 
<a href="http://www.psychonet.fr/" target="_blank">psychonet.fr</a> 
<a href="http://www.gyneweb.fr/" target="_blank">Gynécologie
Web </a>
</ul>
 
<li class=menu onMouseOut="cache('smenu2');"
onMouseOver="montre('smenu2');"><a href="#">Le Goût du Voyage</a>
<ul id=smenu2 onMouseOut="cache('smenu2');" onMouseOver="montre('smenu2');">
<a href="http://www.accor.com/sf/default.asp" target="_blank">Accor</a> 
<a href="http://www.agencefrantour.com/index.php" target="_blank">Frantour</a> 
<a href="http://www.accor.com/sf/groupe/act.asp? ... arlson_idx" target="_blank">Carlson
Wagonslits Travels</a> 
<a href="http://www.accor.com/sf/groupe/act.asp?adresse=tour_idx" target="_blank">Accor
Tour</a> 
<a href="http://bv.airfrance.fr/cgi-bin/FR/frameset.jsp" target="_blank">Air
France</a> 
<a href="http://www.voyages-sncf.com/dynamic/_Sv ... 43/7251/-1" target="_blank">SNCF</a>
</ul>
 
<li class=menu onMouseOut="cache('smenu3');"
onMouseOver="montre('smenu3');"><a href="#">Jeux Internet</a>
<ul id=smenu3 onMouseOut="cache('smenu3');" onMouseOver="montre('smenu3');">
<a href="http://www.distrigame.com/" target="_blank">Distrigame</a> 
<a href="http://www.bananaloto.fr/default_home4.asp" target="_blank">Bananaloto</a> 
<a href="http://www.lotree.fr/" target="_blank">Lotree</a>
</ul>
</ul>
</div>
</td>
<td valign="top">
<div align="center">
<ul>
<li class=menu onMouseOut="cache('smenu13');"
onMouseOver="montre('smenu13');"><a href="#">Actualités Sportives</a>
<ul id=smenu13 onMouseOut="cache('smenu13');" onMouseOver="montre('smenu13');">
<a href="http://www.lequipe.fr/" target="_blank">L'équipe</a> 
<a href="http://www.castres-olympique.fr/" target="_blank">Le
Castres Olympique (CO)</a> 
<a href="http://ovalie.forumactif.com/" target="_blank">Mon
Forum "Rugby et Compagnie"</a> 
<a href="http://j.tarroux.free.fr/" target="_blank">La BDA de "Rugby et Compagnie"</a> 
<a href="http://www.cabrivecorreze.com/ubb/" target="_blank">Le
Club Athlétique de Brive Corrèze (CABC)</a> 
<a href="http://www.sca-albi.org/" target="_blank">Le
Sporting Club Albigeois (SCA)</a> 
<a href="http://www.stade-toulousain.fr/" target="_blank">Le
Stade Toulousain</a> 
<a href="http://www.lnr.fr/commentaires/fr_comme ... ltiplexT16" target="_blank">Multiplex
TOP 16</a> 
<a href="http://www.lnr.fr/commentaires/affiche_ ... =Multiplex" target="_blank">Multiplex
PRO D2</a> 
<a href="http://live.lesiterugby.com/" target="_blank">Rugby
Direct Live</a> 
<a href="http://www.lnr.fr/Menus.asp?CR=16353&CS ... &Cle=19998" target="_blank">Ligue
Nationale de Rugby (LNR) </a> 
<a href="http://www.ffr.fr/index.php" target="_blank">Fédération
Française de Rugby (FFR)</a> 
<a href="http://www.fff.fr/" target="_blank">Fédération
Française de Football (FFF)</a> 
<a href="http://www.tfc.info/" target="_blank">Le
Toulouse Football Club (TFC) </a>
</ul>
 
<li class=menu onMouseOut="cache('smenu14');"
onMouseOver="montre('smenu14');"><a href="#">Télévision</a> et Cinémas
<ul id=smenu14 onMouseOut="cache('smenu14');" onMouseOver="montre('smenu14');">
<a href="#"> </a><a href="http://www.guidetele.com/" target="_blank">Programme
Télévisé</a> 
<a href="#"> </a><a href="http://www.upcfrance.com/" target="_blank">UPC France</a> 
<a href="#"> </a><a href="http://www.tnt-gratuite.fr/" target="_blank">Site Officiel TNT</a> 
<a href="#"> </a><a href="http://www.tf1.fr/" target="_blank">TF1</a> 
<a href="#"> </a><a href="http://www.francetv.fr/groupe/index.htm" target="_blank">France
Télévision</a> 
<a href="#"> </a><a href="http://www.cplus.fr/" target="_blank">Canal
+</a> 
<a href="#"> </a><a href="http://www.arte-tv.com/home/home.jsp" target="_blank">Arte</a> 
<a href="#"> </a><a href="http://www.m6.fr/" target="_blank">M6</a> 
<a href="#"> </a><a href="http://www.lci.fr/" target="_blank">LCI</a> 
<a href="#"> </a><a href="http://www.cnn.com/" target="_blank">CNN</a> 
<a href="#"> </a><a href="http://www.rai.it/portale" target="_blank">RAI</a> 
<a href="#"> </a><a href="http://www.ugc.fr/Home.jgi?accueil=%2B" target="_blank">Cinémas
UGC</a> 
<a href="#"> </a><a href="http://www.cgrcinemas.fr/" target="_blank">Cinémas
CGR</a> 
<a href="http://www.humour.tv/" target="_blank">Vidéos
- Humour TV</a>
</ul>
 
<li class=menu onMouseOut="cache('smenu15');"
onMouseOver="montre('smenu15');"><a href="#">Moteurs et Messageries Internet</a>
<ul id=smenu15 onMouseOut="cache('smenu15');" onMouseOver="montre('smenu15');">
<a href="http://www.google.fr/" target="_blank">Google</a> 
<a href="http://fr.altavista.com/" target="_blank">Altavista</a> 
<a href="http://www.lycos.fr" target="_blank">Lycos</a> 
<a href="http://www.hotbot.lycos.fr/" target="_blank">Hotbot</a> 
<a href="http://www.voila.fr" target="_blank">Voila</a> 
<a href="http://fr.yahoo.com/" target="_blank">Yahoo</a> 
<a href="http://www.wanadoo.fr/bin/frame.cgi" target="_blank">Wanadoo</a> 
<a href="http://www3.contactoffice.com/" target="_blank">Contact
Office</a> 
<a href="http://www.pense-malin.com/" target="_blank">Pense
Malin Personnel</a> 
<a href="http://www.free.fr/" target="_blank">Free</a> 
<a href="http://login.passport.net/uilogin.srf?id=2" target="_blank">Hotmail</a> 
<a href="http://www.tiscali.fr/" target="_blank">Tiscali</a> 
<a href="http://www.illiclic.com/" target="_blank">La
Poste</a> 
<a href="http://www.tiscali.fr/" target="_blank">Liberty
Surf</a> 
<a href="http://www.club-internet.fr/" target="_blank">Club
Internet</a> 
<a href="http://www.aol.fr/" target="_blank">AOL</a> 
<a href="http://www.msn.fr/Default.asp" target="_blank">MSN</a> 
<a href="http://www.caramail.lycos.fr/" target="_blank">Caramail</a>
</ul>
</ul>
</div>
<div align="center">
<ul>
<li class=menu onMouseOut="cache('smenu4');"
onMouseOver="montre('smenu4');"><a href="#">Grandes Surfaces et Magasins</a>
<ul id=smenu4 onMouseOut="cache('smenu4');" onMouseOver="montre('smenu4');">
<a href="http://www.marionnaud.com/" target="_blank">MARIONNAUD
Parfumeries </a> 
<a href="http://www.carrefour.fr/" target="_blank">Carrefour</a> 
<a href="http://www.auchan.com/" target="_blank">Auchan</a> 
<a href="http://www.e-leclerc.com/" target="_blank">Leclerc</a> 
<a href="http://www.cora.fr/" target="_blank">Cora</a> 
<a href="http://www.groupedesmousquetaires.com/" target="_blank">Intermarché</a> 
<a href="http://www.houra.fr/" target="_blank">Houra</a> 
<a href="http://www.telemarket.fr/dynV5/index.html" target="_blank">Télémarket</a> 
<a href="http://www.printemps.com/index.asp" target="_blank">Le
Printemps</a> 
<a href="http://www.galerieslafayette.com/" target="_blank">Les
Galeries Lafayette</a> 
<a href="http://www.lasamaritaine.com/#" target="_blank">La
Samaritaine</a> 
<a href="http://www.lebonmarche.fr/" target="_blank">Le
Bon Marché</a> 
<a href="http://www.bhv.fr/" target="_blank">Le
BHV</a>
</ul>
 
<li class=menu onMouseOut="cache('smenu5');"
onMouseOver="montre('smenu5');"><a href="#">High-Tech</a>
<ul id=smenu5 onMouseOut="cache('smenu5');" onMouseOver="montre('smenu5');">
<a href="http://www.surcouf.com/" target="_blank">SURCOUF</a> 
<a href="http://www.microbank.fr/" target="_blank">Micro Bank</a> 
<a href="http://www.rue-montgallet.com/" target="_blank">Rue-Montgallet (comparatifs)</a> 
<a href="http://www.digital-shopping.fr/ID=293a6 ... index.html" target="_blank">Digital
Shopping</a> 
<a href="http://www.nomatica.com/index.asp?devis ... FR&pays=FR" target="_blank">Nomatica</a> 
<a href="http://www.topachat.com/" target="_blank">Top Achat</a> 
<a href="http://www.clust.com/pages/" target="_blank">Clust</a> 
<a href="http://www.cdiscount.com/default.asp?ms ... d=38102615" target="_blank">C-Discount</a> 
<a href="http://www.pccity.fr" target="_blank">PC
City</a> 
<a href="http://www.leguide.com/" target="_blank">Le
Guide.com</a> 
<a href="http://www.marcopoly.com/hub.php?" target="_blank">Marcopoly</a> 
<a href="http://telecharger.01net.com/" target="_blank">01NET.com</a>
</ul>
 
<li class=menu onMouseOut="cache('smenu6');"
onMouseOver="montre('smenu6');"><a href="#">Site(s) Perso et Clin d'Oeil</a>
<ul id=smenu6 onMouseOut="cache('smenu6');" onMouseOver="montre('smenu6');">
<a href="#"> </a> <a href="http://neron.beweb.fr/gitedebretagne/ac ... venue.html" target="_blank">La
Bretagne, ses gites de Karine D.</a> 
<a href="http://www.encyclodm.com/" target="_blank">David
M</a>. 
<a href="http://ovalie.forumactif.com/" target="_blank">Mon
Forum "Rugby et Compagnie"</a> 
<a href="http://j.tarroux.free.fr/" target="_blank">La BDA de "Rugby et Compagnie"</a> 
<a href="http://www.resaclick.fr/" target="_blank">Squash
Vincennes</a> 
<a href="http://www.vente-privee.com/" target="_blank">Vente-Privée</a> 
<a href="http://www.caves-gilles.com" target="_blank">Les
caves GILLES</a> 
<a href="http://www.apgi.net/andouque/" target="_blank">La
commune d'Andouque</a> 
<a href="http://perso.wanadoo.fr/mairie.jugeals-nazareth/" target="_blank">Jugeals
Nazareth</a> 
<a href="http://perso.wanadoo.fr/jugeals-nazareth/" target="_blank">Les
Amis de la Vallée de la Vapaudie (AVV)</a>
</ul>
</ul>
</div>
</td>
<td valign="top">
<div align="center">
<ul>
<li class=menu onMouseOut="cache('smenu16');"
onMouseOver="montre('smenu16');"><a href="#">Vie Pratique</a> / Administrations
<ul id=smenu16 onMouseOut="cache('smenu16');" onMouseOver="montre('smenu16');">
<a href="http://www.edf.fr/" target="_blank">EDF
/ GDF</a> 
<a href="http://www.rd.francetelecom.fr/" target="_blank">France
Télécom</a> 
<a href="http://www.laposte.fr/" target="_blank">La Poste</a> 
<a href="http://www.tele2.fr/" target="_blank">Télé2</a> 
<a href="http://www.cegetel.fr/" target="_blank">Cégétel</a> 
<a href="http://www.sfr.fr/do/Home" target="_blank">SFR</a> 
<a href="http://www.bouyguestelecom.fr/" target="_blank">Bouygues</a> 
<a href="http://www.orange.fr/0/visiteur/PV" target="_blank">Itinéris
/ Orange</a> 
<a href="http://www.generale-des-eaux.com/" target="_blank">Cie
Générale des Eaux</a> 
<a href="http://www.darty.fr/" target="_blank">Darty</a> 
<a href="http://www.conforama.fr/Conforama/catal ... 3287:-7d48" target="_blank">Conforama</a> 
<a href="http://www.leroymerlin.fr/" target="_blank">Leroy
Merlin</a> 
<a href="http://www.ikea.fr/" target="_blank">Ikéa</a> 
<a href="http://www.impots.gouv.fr/" target="_blank">Centre
des Impôts</a> 
<a href="http://www.justice.gouv.fr/" target="_blank">Ministère
Justice France </a> 
<a href="http://www.interieur.gouv.fr/" target="_blank">Ministère
Intérieur</a> 
<a href="http://www.defense.gouv.fr/" target="_blank">Ministère
Défense</a> 
<a href="http://www.sante.gouv.fr/" target="_blank">Ministère
Santé</a> 
<a href="http://www.travail.gouv.fr/" target="_blank">Ministère
Travail</a> 
<a href="http://www.prefecture-police-paris.inte ... efault.htm" target="_blank">Préfecture
de Police </a> 
<a href="http://www.pompiersdefrance.org/" target="_blank">Sapeurs-Pompiers
de France</a> 
<a href="http://www.suh-asso.org/" target="_blank">Urgences
Hospitalières de France</a>
</ul>
 
<li class=menu onMouseOut="cache('smenu17');"
onMouseOver="montre('smenu17');"><a href="#">Radios Françaises</a>
<ul id=smenu17 onMouseOut="cache('smenu17');" onMouseOver="montre('smenu17');">
<a href="http://www.ouifm.fr/" target="_blank">Oui-FM</a> 
<a href="http://www.europe2.fr/" target="_blank">Europe2</a> 
<a href="http://www.rtl2.fr/" target="_blank">RTL2</a> 
<a href="http://www.rfm.fr/home/index_home.php" target="_blank">RFM</a> 
<a href="http://www.cheriefm.fr/web/index.php" target="_blank">Chérie
FM</a> 
<a href="http://www.funradio.fr/" target="_blank">Fun
Radio</a> 
<a href="http://www.nrj.fr/" target="_blank">NRJ</a> 
<a href="http://www.skyrock.com/" target="_blank">Skyrock</a> 
<a href="http://www.100pour100radio.com/accueil.php" target="_blank">100%
Radio (Tarn)</a> 
<a href="http://radio.menergy.free.fr/" target="_blank">Ménergy (Tarn)</a> 
<a href="http://www.rmcinfo.fr/" target="_blank">RMC
Info</a> 
<a href="http://www.radiofrance.fr/chaines/info2000/accueil/" target="_blank">France
Info</a> 
<a href="http://www.radiofrance.fr/chaines/franc ... 01/direct/" target="_blank">France
Inter</a> 
<a href="http://www.radiofrance.fr/chaines/franc ... /sommaire/" target="_blank">France
Culture</a> 
<a href="http://www.radiofrance.fr/" target="_blank">Radio
France</a> 
<a href="http://www.radiofrance.fr/chaines/fip/direct/" target="_blank">FIP</a> 
<a href="http://www.europe1.fr/" target="_blank">Europe1</a> 
<a href="http://www.sudradio.fr/" target="_blank">Sud
Radio</a> 
<a href="http://www.asf.fr/" target="_blank">Radio
Traffic</a>
</ul>
 
<li class=menu onMouseOut="cache('smenu18');"
onMouseOver="montre('smenu18');"><a href="#">Beauté, Recettes, Loisirs
et Lecture</a>
<ul id=smenu18 onMouseOut="cache('smenu18');" onMouseOver="montre('smenu18');">
<a href="http://www.marionnaud.com/" target="_blank">MARIONNAUD
Parfumeries </a> 
<a href="http://www.marmiton.org/general/home.cfm" target="_blank">Marmiton
(cuisine)</a> 
<a href="http://www.cuisineaz.com/" target="_blank">Cuisine
de A à Z</a> 
<a href="http://www.recettesdecuisine.net/" target="_blank">ABC
de la cuisine Française</a> 
<a href="http://www.cuisineetvinsdefrance.com/" target="_blank">Cuisine
et Vins de France</a> 
<a href="http://www.lagrandecuisine.com/" target="_blank">La
grande cuisine</a> 
<a href="http://www.fnac.com/" target="_blank">La
FNAC</a> 
<a href="http://www.virgin.fr/" target="_blank">Virgin
Méga Store </a> 
<a href="http://www.decathlon.com/index.asp" target="_blank">Décathlon</a> 
<a href="http://www.alapage.com/" target="_blank">Alapage</a> 
<a href="http://www.amazon.fr/exec/obidos/tg/bro ... 92-9759365" target="_blank">Amazon</a> 
<a href="http://www.interflora.fr/" target="_blank">Interflora</a> 
<a href="http://www.aquarelle.com/summary_fr.htm" target="_blank">Aquarelle</a> 
<a href="http://www.laredoute.fr/homepage.html" target="_blank">La
Redoute (VPC)</a> 
<a href="http://www.3suisses.fr/nw/svs1.nw/3suis ... 927?V&X&56" target="_blank">Les
3 Suisses (VPC)</a> 
<a href="http://www.quid.fr/" target="_blank">Le
Quid</a> 
<a href="http://www.encyclopedie-hachette.com/W3E/" target="_blank">Encyclopédie
Hachette</a> 
<a href="http://www.francophonie.hachette-livre.fr/" target="_blank">Dictionnaire
Hachette</a> 
<a href="http://fr.encyclopedia.yahoo.com/" target="_blank">Encyclopédie
Yahoo </a> 
<a href="http://www.geneanet.org" target="_blank">Votre
Généalogie</a> 
<a href="http://www.lexpress.fr/Express/" target="_blank">L'Express</a> 
<a href="http://www.vsd.fr/" target="_blank">VSD</a> 
<a href="http://permanent.sciencesetavenir.com/" target="_blank">Sciences
et Avenir</a> 
<a href="http://www.fhm.fr/FHM/index.htm" target="_blank">FHM</a>
</ul>
</ul>
</div>
<div align="center">
<ul>
<li class=menu onMouseOut="cache('smenu7');"
onMouseOver="montre('smenu7');"><a href="#">Bébé</a>
<ul id=smenu7 onMouseOut="cache('smenu7');" onMouseOver="montre('smenu7');">
<a href="http://www.bebeconfort.com" target="_blank">Bébé
Confort</a> 
<a href="http://www.vertbaudet.biz/VB2/SilverStr ... Flash.html" target="_blank">Vertbaudet</a> 
<a href="http://www.aubert.fr/" target="_blank">Aubert</a> 
<a href="http://www.hutchinson.fr/fr/marques/marques_25.html" target="_blank">Hutchinson
- Tigex</a> 
<a href="http://www.aventbaby.com/" target="_blank">Avent</a> 
<a href="http://www.poron.fr/" target="_blank">Absorba</a> 
<a href="http://www.petit-bateau.com/" target="_blank">Petit
Bateau</a> 
<a href="http://www.bebe.fr/" target="_blank">Bébé
France</a> 
<a href="http://www.infobebes.com/htm/accueil/accueil.asp" target="_blank">Infobébés</a>
</ul>
 
<li class=menu onMouseOut="cache('smenu8');"
onMouseOver="montre('smenu8');"><a href="#">Petites Annonces</a>
<ul id=smenu8 onMouseOut="cache('smenu8');" onMouseOver="montre('smenu8');">
<a href="http://www.lacentrale.fr/" target="_blank">La
Centrale</a> 
<a href="http://www.321auto.com/" target="_blank">321
Auto</a> 
<a href="http://www.jannonce.fr/" target="_blank">J'annonce</a> 
<a href="http://194.183.209.116/" target="_blank">Petites
Annonces</a> 
<a href="http://www.pap.fr/" target="_blank">De
particulier à particulier </a> 
<a href="http://www.fnaim.fr/" target="_blank">FNAIM</a> 
<a href="http://www.orpi.com/" target="_blank">ORPI</a> 
<a href="http://www.laforet.com/" target="_blank">LaForêt Immobilier</a> 
<a href="http://www.century21france.fr/" target="_blank">Century 21</a> 
<a href="http://www.lesiteimmobilier.com/" target="_blank">Le Site Immobilier</a> 
<a href="http://www.explorimmo.com/" target="_blank">Explorimmo</a> 
<a href="http://www.seloger.com/" target="_blank">Se Loger</a> 
<a href="http://www.avis-immobilier.fr/" target="_blank">Avis Immobilier</a> 
<a href="http://www.avendrealouer.fr/" target="_blank">A vendre - A louer</a>
</ul>
 
<li class=menu onMouseOut="cache('smenu9');"
onMouseOver="montre('smenu9');"><a href="#">Circuler-Traffic-Itinéraires</a>
<ul id=smenu9 onMouseOut="cache('smenu9');" onMouseOver="montre('smenu9');">
<a href="http://chaines.free.fr/info_trafic/" target="_blank">Info
Traffic</a> 
<a href="http://www.viamichelin.com/viamichelin/ ... r/HomePage" target="_blank">Le
guide Michelin</a> 
<a href="http://www.mappy.fr/" target="_blank">Mappy</a> 
<a href="http://www.ratp.fr/" target="_blank">RATP</a>
</ul>
</ul>
</div>
</td>
</tr>
</table>

Posé ainsi, c'est un peu lourd, mille excuses !!

Si vous pouviez m'aider, je vous en serai très reconnaissant, je vous avoue mes limites, et mon désarroi à ne pas pouvoir aller plus loin dans mes recherches !!!

Toutes mes amitiés, bien à vous, et merci beaucoup.

Djé.

contre-proposition : http://ff.oliportal.net/Tarroux/menu_internet.html (Les liens sont vides et les colonnes incomplètes, c'est une suggestion de présentation).

Avantages :

Pas de JavaScript ;
Pas de Flash ;
HTML 4.01 strict ;
CSS à part dans un fichier ;
Tout le formatage dans le CSS.

Bref, code plus propre et plus clair (je trouve

).

Marche sur FF et Opera, je n'ai pas IE.

EDIT : menu clic-droit Ce cadre/Montrer seulement ce cadre pour ne pas avoir le frameset imposé par mon hébergeur et pouvoir ainsi voir le code-source de la page.

FF_Olivier a écrit :contre-proposition : http://ff.oliportal.net/Tarroux/menu_internet.html (Les liens sont vides et les colonnes incomplètes, c'est une suggestion de présentation).

Avantages :
Pas de JavaScript ;

Pas de Flash ;

HTML 4.01 strict ;

CSS à part dans un fichier ;

Tout le formatage dans le CSS.
Bref, code plus propre et plus clair (je trouve ).

Marche sur FF et Opera, je n'ai pas IE.

EDIT : menu clic-droit Ce cadre/Montrer seulement ce cadre pour ne pas avoir le frameset imposé par mon hébergeur et pouvoir ainsi voir le code-source de la page.

Superbe, une présentation bien meilleure que la mienne actuelle, du beau boulot !!!

Alors, testé sous FF, OK, sous opéra, OK, par contre, sous IE, rien, juste la page, sans "déroulant" des menus présentés de la première colonne !!!

Je ne sais pas, peut-être sous IE, j'agis mal, mais rien ne se produit ...

J'adore cette présentation, merci beaucoup, si maintenant, elle pouvait être fonctionnelle sous IE, alors c'est ma tournée !!!

Non, ça ne peut pas marcher dans IE qui ne supporte le :hover que sur les éléments a (liens). Il lui faudra une béquille en javascript.

Saloperie de IE

!

Il devrait alors y avoir moyen de supprimer la structure <ul><li>...</li></ul>, pour ne garder que les <a>, en les classant en deux catégories : <a class="rubrique" href="#">rubrique</a>, hoverable, et <a class="lien" href="le lien http">lien</a>, cliquable.

Il faudra alors adapter dans le css les règles des ul, li, en mettant notamment un div.colonne a { display: block; }.

Sauf que tu ne peux pas imbriquer des a dans des a. D'où l'impossibilité totale.

On pourrait imaginer un <a> suivi d'un <div> contenant les autres et sélectionner "a:hover + div" mais IE ne supporte pas non plus le sélecteur adjascent (et ce ne serait pas très sémantique).

Oh, merdouille !

SALOPERIE DE IE !

Bon, bin, désolé, je n'ai pas d'autre solution en pur CSS...

euh, effectivement, vous me larguez là !!

Je me rends compte que malgré mes 2 sites persos, je suis resté à la préhistoire de la programmation web.

M'enfin, j'en reviens à une question "con", pourquoi cela fonctionne pour certains, et pas pour d'autres (moi) ???

Béta, mais je reste convaincu que c'est au niveau de FF qu'il y a un truc, alors est-ce une coche, une option particulière, un thème, un plug-in à avoir ??

Idem, je pense (j'espère ne pas dire une bourde sur la comparaison qui suit) que par exemple OPERA (version 8.5 par exemple) tourne sur les mêmes fondamentaux que FF 1.0.7, or avec OPERA, pas de soucis, avec FF oui.

J'ai envie de tester un truc, le faire depuis mon poste avec la version antérieure à la 1.0.7 de FF ... ainsi, je désinstalle FF 1.0.7, et je teste avec une autre.

Ou puis-je trouver la version de FF juste avant celle de 1.0.7 SVP (et quelle est-elle) ?

FF_Olivier a écrit :Oh, merdouille !

Du calme du calme !

Pour en revenir au sujet, il y a quelque chose d'étrange : pendant un tout petit moment, au chargement, la page est "normale" (fond des liens jaunes et liens repliés). C'est juste après que ça se gâte... et que tout s'ouvre. C'est d'autant plus étrange que si la page est enregistrée sur le disque dur, ça fonctionne nettement mieux...

Pour le reste, il y a des bugs connus de scintillements, non fonctionnement du onmouseout lorsque la souris sors par le bas, non recalcul des dimentions lors du repliement... certains au moins sont résolus dans la version 1.5 à sortir prochainement.

Reste ce chargement étrange comme s'il y avait un onload quelque part

calimo a écrit :
FF_Olivier a écrit :Oh, merdouille !
Du calme du calme !

Pour en revenir au sujet, il y a quelque chose d'étrange : pendant un tout petit moment, au chargement, la page est "normale" (fond des liens jaunes et liens repliés). C'est juste après que ça se gâte... et que tout s'ouvre. C'est d'autant plus étrange que si la page est enregistrée sur le disque dur, ça fonctionne nettement mieux...

Pour le reste, il y a des bugs connus de scintillements, non fonctionnement du onmouseout lorsque la souris sors par le bas, non recalcul des dimentions lors du repliement... certains au moins sont résolus dans la version 1.5 à sortir prochainement.

Reste ce chargement étrange… comme s'il y avait un onload quelque part

Juste un point, de mon côté, ma page est bien entendu sur mon disque dur, et elle donne le même effet (sous-menus qui ne se referment pas, ou menus qui restent ouverts, mais on ne voit plus les sous-menus, scintillements de page, ..) que si elle est sur le net !!

Par contre oui, c'est vrai qu'au chargement, et tant qu'on ne fait pas action sur elle, elle est nickel.

La version 1.5 de FF est prévue pour quand pour info ?? Car si elle doit arriver d'ici peu, et que cette nouvelle version est censée résoudre ce soucis là, peut-être qu'il suffit juste d'attendre (bien que cela ne solutionnera pas la 1.0.7, et celles/ceux qui resteront avec cette version). !!

c'était Dje au-dessus .. idem, raffraichir la page, et tout rentre dans l'ordre !!

Plus trop de pistes ..

Sous FF 1.0.7, du moins chez moi, cette page ne fonctionne pas bien, en effet, elle scintille, bouge, les menus s'ouvrent, mais ne se referme pas forcément, c'est "impraticable", et "désagréable".

j'avais effectivement les mêmes problemes en regardant ton site.
Problèmes que je n'ai plus depuis que j'ai installé la 1.5 béta 2.

(meme si ta page "ça pique les yeux")

fredorn a écrit :
Sous FF 1.0.7, du moins chez moi, cette page ne fonctionne pas bien, en effet, elle scintille, bouge, les menus s'ouvrent, mais ne se referme pas forcément, c'est "impraticable", et "désagréable".
j'avais effectivement les mêmes problemes en regardant ton site.
Problèmes que je n'ai plus depuis que j'ai installé la 1.5 béta 2.

(meme si ta page "ça pique les yeux")

Thx .. bon, il ne me reste plus qu'à attendre la version OFF de la 1.5 alors, pour l'avoir en français !!

Ca pique les yeux, c'est à dire, ca passe quand même mal, ca .. sautille ??

Merci bien pour l'info.

fredorn a écrit :
Sous FF 1.0.7, du moins chez moi, cette page ne fonctionne pas bien, en effet, elle scintille, bouge, les menus s'ouvrent, mais ne se referme pas forcément, c'est "impraticable", et "désagréable".
j'avais effectivement les mêmes problemes en regardant ton site.
Problèmes que je n'ai plus depuis que j'ai installé la 1.5 béta 2.

(meme si ta page "ça pique les yeux")

Thx .. bon, il ne me reste plus qu'à attendre la version OFF de la 1.5 alors, pour l'avoir en français !!

Ca pique les yeux, c'est à dire, ca passe quand même mal, ca .. sautille ??

Merci bien pour l'info.

Geckozone

FF 1.0.7 et un menu déroulant (soucis affichage).

FF 1.0.7 et un menu déroulant (soucis affichage).