Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage PHP Firefox et JS ?!?!

Firefox et JS ?!?!

88 réponses
Avatar
Guy Gruais
Bonjour,

Soit la page http://paysderetz.free.fr/test/pellerin5ter.html

Le rendu du menu escamotable est correct avec IE 7 et Opera 8.54
Par contre, c'est une véritable catastrophe avec Firefox 3.08

Le menu n'est pas escamotable.
Les écritures sont de la même couleur que le fond.
L'emplacement n'est pas identique.
Les couleurs ne sont pas du tout celles demandées.

Quelqu'un pourrait-il m'expliquer pourquoi ?

Merci.

--
Cordialement

guy.siaurg@free.invalid (inverser siaurg pour retrouver gruais)
http://paysderetz.free.fr/
Signaler un problème avec ce contenu

10 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2 3 4 5
Avatar
Sergio
rm a écrit :

D'un autre coté, il y a encore de sites dont les développeurs (as du
reniflage) n'ont même pas imaginé qu'il puisse exister des navigateurs avec
un n° de version à deux chiffres :
http://files.myopera.com/ra_mon/albums/166505/yahoo-v10opera.png



J'ai vu aussi des "développeurs" qui demandent absolument un Flash >=
9.0 quand on arrive avec du Flash 10...

--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org
Avatar
BertrandB
yamo' a écrit :
Salut,

Guy Gruais a tapoté, le 09.04.2009 22:58:

Soit la page http://paysderetz.free.fr/test/pellerin5ter.html

Le rendu du menu escamotable est correct avec IE 7 et Opera 8.54
Par contre, c'est une véritable catastrophe avec Firefox 3.08



Je te conseille d'utiliser ce menu :
<http://dosimple.ch/articles/Menus-dynamiques/>, il ne m'a jamais causé
d'ennui et est visible quelque soit le navigateur même sans javascript
...



Moi ma référence c'est cssplay
Avatar
BertrandB
Guy Gruais a écrit :
Bonjour,

Vous allez être infiniment heureux d'apprendre que Alex vient d'écrire :


Ce que je ne comprends pas, c'est pourquoi ne pas le faire en css ?



Peut-être tout simplement parce que je ne vois pas comment le faire, non ?
Pour "escamoter" le menu, il faut bien utiliser du JS ?



Et non ... en css ça marche très bien il y a plein d'exemple sur cssplay
Avatar
Alex
In article (Dans l'article) <gro8oj$5dj$,
"Guy Gruais" wrote (écrivait) :

> Ce que je ne comprends pas, c'est pourquoi ne pas le faire en css ?

Peut-être tout simplement parce que je ne vois pas comment le faire, non ?
Pour "escamoter" le menu, il faut bien utiliser du JS ?



As-tu fait une simple recherche "tutorial menu css" ? Parce qu'à mon
avis, tu vas en trouver des brouettes...

--
Alex
Vous avez beau dire, y'a pas seulement que de la pomme,
y'a aut'chose.
Ça serait pas des fois de la betterave, hein ?
Avatar
Guy Gruais
Bonjour,

Vous allez être infiniment heureux d'apprendre que Alex vient d'écrire :

As-tu fait une simple recherche "tutorial menu css" ? Parce qu'à mon
avis, tu vas en trouver des brouettes...



Il y a déjà quelque temps que j'ai fait mes premières recherches à ce sujet.
Effectivement Google m'a fourni des brouettes de menus différents (et même
des wagons).

Malheureusement, les menus escamotables se font très rares.

--
Cordialement

(inverser siaurg pour retrouver gruais)
http://paysderetz.free.fr/
Avatar
Guy Gruais
Bonjour,

Vous allez être infiniment heureux d'apprendre que BertrandB vient d'écrire
:

Et non ... en css ça marche très bien il y a plein d'exemple sur
cssplay



Cet après-midi, j'ai effectué des recherches à ce sujet.
Beaucoup - trop - de lenteurs pour arriver à se connecter.
Les rares que j'ai pu joindre étaient dans la langue de Shakespeare.
Rédhibitoire pour moi.
Je vais réessayer demain.

Merci

--
Cordialement

(inverser siaurg pour retrouver gruais)
http://paysderetz.free.fr/
Avatar
Alex
In article (Dans l'article) <gs01au$2pe6$,
"Guy Gruais" wrote (écrivait) :

> As-tu fait une simple recherche "tutorial menu css" ? Parce qu'à mon
> avis, tu vas en trouver des brouettes...

Il y a déjà quelque temps que j'ai fait mes premières recherches à ce sujet.
Effectivement Google m'a fourni des brouettes de menus différents (et même
des wagons).

Malheureusement, les menus escamotables se font très rares.



En tapant ces mots clé, le premier lien chez google donne ça :
<http://www.tuto-fr.com/tutoriaux/tutorial-menu-deroulant-css.php>

Pour moi, c'est du menu déroulant, c'est de l'escamotable pour toi ou
j'ai pas compris ?

--
Alex
Vous avez beau dire, y'a pas seulement que de la pomme,
y'a aut'chose.
Ça serait pas des fois de la betterave, hein ?
Avatar
Guy Gruais
Bonjour,

Vous allez être infiniment heureux d'apprendre que Alex vient d'écrire :

<http://www.tuto-fr.com/tutoriaux/tutorial-menu-deroulant-css.php>

Pour moi, c'est du menu déroulant, c'est de l'escamotable pour toi ou
j'ai pas compris ?



Effectivement j'avais trouvé des menus de ce type chez Alacréations, Openweb
ou autres.
Il s'agit bien de menus déroulants.

Le menu escamotable, c'est ceci par exemple :

http://acestgratuit.free.fr/scripts_dhtml/menu08.html

que l'on retrouve rigoureusement identique sous différents auteurs.

Marche pas avec Firefox. GRRRRRRRRRRRRR !!

--
Cordialement

(inverser siaurg pour retrouver gruais)
http://paysderetz.free.fr/
Avatar
Yamo'
Salut,
Le Mon, 13 Apr 2009 11:51:15 +0200, BertrandB a écrit ce message (
<49e30b13$0$12654$ ):

? Pour "escamoter" le menu, il faut bien utiliser du JS ?



Et non ... en css ça marche très bien il y a plein d'exemple sur cssplay




En effet en voici un par exemple qui fonctionne sans javascript sur FF3
(javascript bloqué avec web developper) :
<http://www.cssplay.co.uk/menus/flyout2.html>

Pour Guy Gruais, il faut regarder dans le menu "Multi-Level - Flyout"
<http://www.cssplay.co.uk/menus/>

BertrandB, merci beaucoup pour ce lien!

Stéphane
--
<http://pasdenom.info>
Avatar
docanski
Alors que les eleveurs et agriculteurs polluent toujours la Bretagne,
Guy Gruais ecrit ce qui suit en ce 14/04/2009 10:34 :
Bonjour,



Bonjour Guy,

Marche pas avec Firefox. GRRRRRRRRRRRRR !!



J'ai retrouvé ceci dans mes stocks destinés à la partie "aide à la
création de pages" du site que tu connais ... mais que je n'ai plus mis
à jour depuis quelques années. Il pourra peut-être te servir en adaptant
à tes besoins. Seul problème : il ne fonctionne pas tel quel sous MSIE
6.x mais peut-être qu'une bonne âme pourrait ici ajouter le "hack"
kivabien. Perso, je n'ai jamais approfondi cette technique "hackeuse",
ce qui a provoqué la mise en léthargie de ce menu.

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>menus déroulants</title>
<style type="text/css">
.box1
{background:#ffffcc;position:absolute;left:1%;top:10%;width:21%;border:2px
outset gray;overflow:none;max-height:40%}
.box2
{background:#ffffcc;position:absolute;left:23%;top:10%;width:21%;border:2px
outset gray;overflow:none;max-height:40%}
.menu
{color:black;font-size:14px;font-family:arial;verdana;margin-left:-20px}
.liste {font-size:14px;font-family:cursive}
.titrub {text-decoration:underline;font-weight:bold}
ul li ul {display:none}
li:hover ul {display:inline}
a:link {text-decoration:none;border:1px}
a:hover
{text-decoration:none;padding-left:13px;background:#cccfff;border:1px
solid red}
dl {position:relative;border:1px solid blue;padding:7px;;background:#cccfff}
dt {position:absolute;font-weight:bold;background:#cccfff;padding:2px
15px;left:40px;top:-10px}
dd {margin:0;margin-left:20px;padding:0}
</style>
</head>
<h4>Exemple de menus déroulants en CSS ... mais non fonctionnel pour une
certaine daube</h4>
<div class="box1">
<ul class="menu">
<li><span class="titrub">Lieu recherché</span>
<ul class="liste">
<li><a href="p11.htm">page 1</a></li>
<li><a href="p12.htm">page 2</a></li>
<li><a href="p13.htm">page 1</a></li>
<li><a href="p14.htm">page 2</a></li>
<li><a href="p11.htm">page 1</a></li>
<li><a href="p12.htm">page 2</a></li>
<li><a href="p13.htm">page 1</a></li>
</ul>
</li>
</ul>
</div>
<div class="box2">
<ul class="menu">
<li><span class="titrub">Patrimoine recherché</span>
<ul class="liste">
<li><a href="p21.htm">page 1</a></li>
<li><a href="p22.htm">page 2</a></li>
<li><a href="p23.htm">page 3</a></li>
<li><a href="p24.htm">page 4</a></li>
<li><a href="p21.htm">page 1</a></li>
<li><a href="p22.htm">page 2</a></li>
<li><a href="p23.htm">page 3</a></li>
</ul>
</li>
</ul>
</div>
</body></html>

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor.free.fr/
1 2 3 4 5