AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2008 10 12 21:33:52
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

IUBITO'S MENU V3.1 : QUASIMENT EN CSS, COMPATIBLE IE/NS6+/MOZ/OPERA/KONQUEROR/SAFARI... NAVIGATEURS TEXTE/BRAILLE, SYNTHÈSE VOCALE, CLAVIER... PARAMÉTRABLE ET FACILE


Information sur la source

Catégorie :Menu & Co Classé sous : menu, déroulant, css, javascript Niveau : Débutant Date de création : 17/12/2003 Date de mise à jour : 29/11/2005 01:53:33 Vu / téléchargé: 45 310 / 4 236
Auteur : iubito Site perso
Ecrire un message privé
Ce membre participe au partage de revenus publicitaires
Note :
9,38 / 10 - par 24 personnes
9,38 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Commentaire sur cette source (145)
Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

IMPORTANT: consultez la version sur http://iubito.free.fr/prog/menu.php ! Il se peut que parfois elle soit un peu plus récente que celle dispo sur les différents sites de téléchargement. Je fais tout mon possible pour synchroniser tout ça, mais parfois j'oublie :-p

Mon site est encore en plein chantier que tout le monde me demande comment j'ai fait mon menu... alors voilà quoi ;-)

Iubito's menu :
  - design entièrement en CSS, avec un peu de javascript pour compléter
  - compatible avec les navigateurs modernes, texte (Lynx), plage tactile braille pour déficients visuels, navigable au clavier (touche tab)...
  - google peut facilement explorer et référencer votre site contrairement à certaines moulinettes tordues uniquement en JS... (les moteurs ignorent les codes javascript) !
  - peut rester scotché en haut de page, ou scroller en même temps que la page (donc toujours visible en haut de l'écran).
  - peut être horizontal ou vertical, centré ou positionné "manuellement".
  - les éléments peuvent avoir des largeurs variables (configurables) !
  - ...

D'après le script dispo sur www.openweb.eu.org, mais grandement amélioré par Sylvain Machefert
Pour voir le menu en action, direction mon site perso --> http://iubito.free.fr ;-)

Testé avec succès sur :
  - Internet Explorer 5.0 Windows 2000
  - Internet Explorer 6 Windows 98/2000/XP
  - Netscape 7 Windows
  - Mozilla 1.5 Windows 2000/XP
  - Opéra 7.11 et 7.23 Windows
  - Lynx (hé oui!) Windows
  - Konqueror Linux (Knoppix)
  - Mozilla Linux (Knoppix)
  - Internet Explorer 5 Mac
  - Safari 1.0 MacOS X 10.2.8
  - Safari 1.1 MacOS X 10.3
  - Mozilla 1.6 Mac
  - Camino MacOS X
  - Firebird MacOS X
  - OmniWeb MacOS X
(ça fait un bon paquet, non?)
Ne fonctionne pas avec Netscape 4.
Je cherche un testeur sous IE5.5 pour voir comment il se comporte...

Remerciements :
  - Pierre-Henri, Franck, Gabriel, Wilfried pour leurs tests sur IE5 mac.
  - David, Franck, Christine et pleins d'autres pour leurs tests sur d'autres navigateurs ;
  - Fabrice pour sa fonction pour cacher les <select> dans IE.
  - Troumad pour son rôle de détective anti-bug en XHTML strict :-D
  - Stol pour avoir corrigé une erreur
  - Pascal pour son menu avec des images (pro.htm) que j'ai adapté.
  - ...et ceux que j'ai pu oublier :-p

Limitations du script :
  - un seul menu par page, en faire 2 c'est possible en faisant une copie du css et du js et en renommant tout dans le html, css et js.
  - il ne peut pas y avoir de sous-menus dans les sous-menus. Mais à côté des gros
avantage qu'il possède, ce n'est rien.
Et en même temps il faut savoir qu'un menu ce n'est pas un plan du site : inutile de vouloir tout faire rentrer dedans ! Un menu trop chargé est mauvais pour la page. Donc ça vous force à simplifier et structurer votre site... ce n'est pas un mal :)


DANS LE ZIP :
des démos, notamment un Look à la XP bien foutu (je pense :-p) avec des explications pour ce look + démos de look différents + une démo d'un ERP réalisé par Christophe Liacopoulos de www.sokhar.com.
 

Source

  • Comment construire le menu ?
  • ----------------------------
  • Dans la section <head></head>, il faut mettre
  • * <script language="javascript" src="menu.js"></script>
  • * <link rel="stylesheet" type="text/css" href="menu.css">
  • Juste après le <body>, placez le code suivant...
  • Regardez cet exemple (utilisé sur mon site perso - http://iubito.free.fr)
  • <!-- éviter le clignotement désagréable -->
  • <div id="conteneurmenu">
  • <script language="Javascript" type="text/javascript">
  • preChargement();
  • </script>
  • <p id="menu1" class="menu"
  • onmouseover="MontrerMenu('ssmenu1');"
  • onmouseout="CacherDelai();">
  • <a href="http://iubito.free.fr"
  • onfocus="MontrerMenu('ssmenu1');">iubito.free.fr<span> :</span></a>
  • </p>
  • <ul id="ssmenu1" class="ssmenu"
  • onmouseover="AnnulerCacher();"
  • onmouseout="CacherDelai();"
  • onfocus="AnnulerCacher();"
  • onblur="CacherDelai();">
  • <li>
  • <a href="/">Accueil<span> ;</span></a>
  • </li>
  • <li>
  • <a href="/livre/">Livre d'Or<span> ;</span></a>
  • </li>
  • <li>
  • <a href="/annu/">Annuaire<span> ;</span></a>
  • </li>
  • <li>
  • <a href="javascript:addFav();">Ajouter aux favoris<span>.</span></a>
  • </li>
  • </ul>
  • ... idem avec menu2 et ssmenu2 ...
  • </div>
  • <script language="Javascript" type="text/javascript">
  • //Ici on peut modifier quelques options
  • //c'est ce que j'ai fait dans mes démos, l'option vertical, centré, ou le nombre de menu
  • //je l'ai changé ici. Le menu.js est le même pour mes 7 fichiers démos ;)
  • //et on appelle le chargement du menu
  • Chargement();
  • </script>
  • Explications :
  • * un <div id="conteneurmenu"> encadre tout le menu. Le style="float:left;" sert à
  • placer le menu à gauche (une colonne) du site si toutefois le javascript est
  • désactivé. C'est pas toujours génial mais c'est mieux que rien. Les liens sont
  • présents ! (voilà encore un aspect de la comptabilité...).
  • * un <p> fait un menu, chaque menu doit être nommé menu1, menu2...
  • * le sous-menu est fait par un <ul></ul>, chaque sous-menu doit être nommé ssmenu1,
  • ssmenu2...
  • * chaque <li></li> constitue un item du sous-menu.
  • Dans le <p> et dans les <li> on met :
  • * <a href="le lien ou le javascript">Texte</a>
  • * avant le </a> on ajoute un <span> ;</span>. Ceci sert juste aux synthèses
  • vocales pour aveugles. Le point-virgule leur fait "prendre une pause pour respirer"
  • ce qui facilite "l'écoute" du menu.
  • Le span sera caché dans la feuille de style, pas de panique !
  • Donc ainsi vous constituez votre menu. Remarquez que la syntaxe étant du html pur et simple, il est très facile d'utiliser un langage serveur (ASP, PHP, JSP...) pour construire le menu :-)
  • Comment configurer le menu ?
  • ----------------------------
  • Voir le fichier menu.js.
  • Comme je l'ai dit plus haut, on peut aussi modifier les variables de config juste avant le "Chargement();" à la fin du menu.
  • Comment modifier l'affichage ?
  • ------------------------------
  • Des explications détaillées sont dans le fichier menu.css, mais pour résumer, voici ce qu'il y a à modifier :
  • - couleurs, police, bordure et largeur des menu et ssmenu.
  • - l'effet spécial IE pour les ssmenu
  • - police et couleurs des liens "non survolés" et "survolés".
  • Sans CSS, ça sera une liste <ul> avec des <li>... ===> Lynx ou synthèse vocale.
  • Sans javascript, on aura une bande verticale à gauche
  • Avec JS et CSS, on aura le menu complet ;-) 
Comment construire le menu ?
----------------------------
Dans la section <head></head>, il faut mettre
	* <script language="javascript" src="menu.js"></script>
	* <link rel="stylesheet" type="text/css" href="menu.css">
Juste après le <body>, placez le code suivant...

Regardez cet exemple (utilisé sur mon site perso - http://iubito.free.fr)

<!-- éviter le clignotement désagréable -->
<div id="conteneurmenu">
<script language="Javascript" type="text/javascript">
preChargement();
</script>
	<p id="menu1" class="menu"
			onmouseover="MontrerMenu('ssmenu1');"
			onmouseout="CacherDelai();">
	<a href="http://iubito.free.fr"
			onfocus="MontrerMenu('ssmenu1');">iubito.free.fr<span> :</span></a>
	</p>
	<ul id="ssmenu1" class="ssmenu"
			onmouseover="AnnulerCacher();"
			onmouseout="CacherDelai();"
			onfocus="AnnulerCacher();"
			onblur="CacherDelai();">
		<li>
			<a href="/">Accueil<span> ;</span></a>
		</li>
		<li>
			<a href="/livre/">Livre d'Or<span> ;</span></a>
		</li>
		<li>
			<a href="/annu/">Annuaire<span> ;</span></a>
		</li>
		<li>
			<a href="javascript:addFav();">Ajouter aux favoris<span>.</span></a>
		</li>
	</ul>
	
	... idem avec menu2 et ssmenu2 ...
</div>
<script language="Javascript" type="text/javascript">
//Ici on peut modifier quelques options
//c'est ce que j'ai fait dans mes démos, l'option vertical, centré, ou le nombre de menu
//je l'ai changé ici. Le menu.js est le même pour mes 7 fichiers démos ;)

//et on appelle le chargement du menu
Chargement();
</script>


Explications :
	* un <div id="conteneurmenu"> encadre tout le menu. Le style="float:left;" sert à
	  placer le menu à gauche (une colonne) du site si toutefois le javascript est
	  désactivé. C'est pas toujours génial mais c'est mieux que rien. Les liens sont
	  présents ! (voilà encore un aspect de la comptabilité...).
	* un <p> fait un menu, chaque menu doit être nommé menu1, menu2...
	* le sous-menu est fait par un <ul></ul>, chaque sous-menu doit être nommé ssmenu1,
	  ssmenu2...
	* chaque <li></li> constitue un item du sous-menu.
Dans le <p> et dans les <li> on met :
	* <a href="le lien ou le javascript">Texte</a>
	* avant le </a> on ajoute un <span> ;</span>. Ceci sert juste aux synthèses
	  vocales pour aveugles. Le point-virgule leur fait "prendre une pause pour respirer"
	  ce qui facilite "l'écoute" du menu.
	  Le span sera caché dans la feuille de style, pas de panique !

Donc ainsi vous constituez votre menu. Remarquez que la syntaxe étant du html pur et simple, il est très facile d'utiliser un langage serveur (ASP, PHP, JSP...) pour construire le menu :-)


Comment configurer le menu ?
----------------------------
Voir le fichier menu.js.
Comme je l'ai dit plus haut, on peut aussi modifier les variables de config juste avant le "Chargement();" à la fin du menu.


Comment modifier l'affichage ?
------------------------------
Des explications détaillées sont dans le fichier menu.css, mais pour résumer, voici ce qu'il y a à modifier : 

	- couleurs, police, bordure et largeur des menu et ssmenu.
	- l'effet spécial IE pour les ssmenu 
	- police et couleurs des liens "non survolés" et "survolés".

Sans CSS, ça sera une liste <ul> avec des <li>... ===> Lynx ou synthèse vocale.
Sans javascript, on aura une bande verticale à gauche
Avec JS et CSS, on aura le menu complet ;-)

Conclusion

Tout est dans le zip avec les mêmes commentaires ;-)

Pour générer automatiquement le menu à partir d'une base Access en ASP.Net C#, c'est par là : http://www.aspfr.com/code.aspx?ID=20367

Bonne prog & HaVe FuN !

TODO :
- tester avec IE5.5

MAJ 25/5/2004: le menu est repositionné (au moins avec certains navigateurs :-p) quand on change la taille de la fenêtre (quelle idée :D). Donc fini les pb de menu centré qui n'est plus centré ! Oufffff !

MAJ 29/4/2004: on ajoute juste une démo de transparence bien foutue, qui marche sur IE et Mozilla! et une démo où la couleur change à chaque menu.

MAJ 25/3/2004: là non plus rien ne change dans le code, c'est juste une démo supplémentaire suite à une demande, le menu est fait en images :)

MAJ 18/3/2004: rien ne change dans le code, j'ajoute juste une petite démo pour faire une barre de boutons toute simple sans menus déroulants :)

MAJ v3.01 :
- y'a juste une ligne qui a changé. Dans le menu.js, remplacez var IEver = parseFloat(....) par var IEver = parseInt(....)
Et c'est tout! ça permet à IE5 de faire un truc pour lui éviter de trop souffrir :-p

!!! JE CHERCHE UN POSSESSEUR D'IE 5.5 !!!

MAJ v3 :
- ça marche avec IE5 sur mac !!! (j'en ai tellement ch**...)... déjà rien que ça :)
- marche aussi (un petit bidouillage) pour IE5.0
- la structure est "fixée" et ne devrait plus trop bouger... (voir le début du menu)
- les <select> sont cachés quand le menu se déroule (IE).
- une démo avec une bannière au-dessus du menu (on me l'a tellement demandé :-p)

MAJ v2.05
- NE CLIGNOTE PLUS !!! :)
Avant le menu s'affichait à gauche le temps du chargement puis se positionnait en haut. Maintenant il est masqué pendant le chargement (lorsque javascript est activé).
- centrage :)
- peut être disposé verticalement :)
- correction d'un bug sur IE5 win98.

--------------------------
MAJ v1.1

- un peu mieux commenté
- le script est également dispo sur mon site web http://iubito.free.fr/prog/menu.php
- 1 ou 2 variables supplémentaires dans le .js
- correction d'un bug lorsque le JS est désactivé (j'ai testé avec le js désactivé sur Opéra, IE et Moz')
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Historique

07 septembre 2004 13:58:59 :
26 septembre 2004 01:46:39 :
version 4 !!! - largeurs différentes (ou hauteur en menu vertical) pour les différents menus et sous-menus ! - correction d'un possible bug sur certains CSS avec Mozilla (html>body .(ss)menu A:xxx {} - ajout de variables cacher_les_select et largeur_auto_ssmenu - plus besoin du <div id="texte"></div> - correction de position des sous-menus avec le doctype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> - un nouveau look bien pro (Zaninmedia)
29 novembre 2005 01:53:33 :
- menu, déroulant, css, javascript dans les mots-clés

Commentaires et avis

signaler à un administrateur
Commentaire de jjdagadir le 18/12/2003 12:14:59

PROPRE BIEN EXPLIQUE FACILE A PARAMETRER MULTI BROWSER.....BRAVO ET MERCI. POUR LES SOUS MENUS ON VERRA PLUS TARD AVEC LES POTES....
KENAVO

signaler à un administrateur
Commentaire de Kirua le 18/12/2003 20:39:49

navigateurs braille ??? c'est quoi ça? raconte

signaler à un administrateur
Commentaire de iubito le 19/12/2003 05:09:31

hé bein j'ai des amis non-voyants qui surfent sur internet tant bien que mal.
Généralement ils utilisent Internet Explorer avec une synthèse vocale. Avec la touche [Flèche bas] ils descendent d'une ligne pour que la synthèse vocale lise (et pas vocalise :-D) le texte.
Il y a d'autres touches, par exemple [Tabulation] pour aller au lien suivant (essayez sur le menu ça marche!) et y'a des raccourcis de la synthèse vocale qui permettent de lire un paragraphe, de sauter directement dans une case d'un formulaire...

Souvent ils possèdent en complément une "plage tactile braille", une machine qui affiche une ligne de l'écran en braille, en gros ça doit faire comme une petite surface plane légèrement souple et dessous y'a des aiguilles qui montent pour marquer un point qui dépasse de la surface.

signaler à un administrateur
Commentaire de Kirua le 19/12/2003 19:47:46

c'est génial :-) savait pas que ça existait. thx pr l'info

signaler à un administrateur
Commentaire de jjdagadir le 19/12/2003 20:58:00

Bravo Iubito, c'est bien de soulever ce problème. C'est vrai que ce n'est pas connu de tout le monde, les browsers parlants (IBM gratuit 30 jours) ou non graphiques comme Lynx.
Ils ont une importante considérable, car les metta chercheurs pour les classements prennent en compte la cohérence des phrases et leur enchaînement à la manière de lynx par exemple et pas du tout à la manière de IE ou NS, car l'esthétique si elle est la bienvenue, ne doit pas occulter l'information d'un site, ce qui est le plus important pour un moteur... (et donc pour ses classements...)
En dehors de cet aspect, le plus important est que les surfeurs atteint d'un handicap soient des surfeurs comme tout le monde ..!
Donc encore bravo pour les sources et commentaires Iubito, ainsi qu'à Kirua pour son intérêt à cette question.

signaler à un administrateur
Commentaire de iubito le 21/12/2003 23:38:40

et voilà une petite mise à jour :-)

v1.1

- un peu mieux commenté
- le script est également dispo sur mon site web http://iubito.free.fr/prog/menu.php
- 1 ou 2 variables supplémentaires dans le .js
- correction d'un bug lorsque le JS est désactivé (j'ai testé avec le js désactivé sur Opéra, IE et Moz')

et en plus un pote vient de tester avec la synthèse vocale JAWS et ça marche impec!

signaler à un administrateur
Commentaire de reblochon le 22/12/2003 14:14:46

enfin... depuis le temps que tu nous en parles

c'est le meilleur compromis entre efficacité, simplicité, visualité
indispensable pour tout site de base qui ne veut pas ressembler à une cochonerie.

Des que j'ai 5 min je le colle sur le mien et je te reference.

bravo pour l'amelioration et les explications

Philippe

signaler à un administrateur
Commentaire de iubito le 05/01/2004 14:34:34

je prépare la suite, un menu au look xp :) ça a de la gueule :D

signaler à un administrateur
Commentaire de iubito le 09/01/2004 07:33:44

MAJ
- des démos dans le zip
- un Look XP... hé oui c'est possible avec un peu de CSS et quelques images !!!
- une capture un mieux :-p

signaler à un administrateur
Commentaire de iubito le 10/02/2004 23:39:28

MAJ importante :
version 2

- ne clignote plus (le menu est chargé discrètement - div invisible - puis affiché après)
- possibilité de vertical en configurant le .js
- possibilité de centrage (horizontale ou vertical), pareil en configurant une variable du .js :)

Bientôt : possibilité d'avoir des menus de largeur différente :)

signaler à un administrateur
Commentaire de chimelpremier le 12/02/2004 14:32:19

Bonjour iubito, et bravo pour ce bon menu. Je l'ai testé sous Netscape 7 : ça fonctionne bien sur ton site, mais dans le zip, les éléments du menu sont ratatinés l'un sur l'autre en haut de page.

Sous IE5.0 win 98 : aucun menu ne s'affiche et il indique une érreur :
'undefined' est indéfini (un comble  !). j'ai corrigé le fichier menu.js, en retirant tout les !=undefined. maintenant le menu s'affiche avec des hauteurs de case de 6 fois la normale, mais c'est exploitable.

signaler à un administrateur
Commentaire de iubito le 12/02/2004 15:04:40

ah voilà un testeur sous IE5 !!! :)
je n'ai plus de IE5 sous la main. Alors comme ça IE ne connait pas le "undefined" ? Grrrr....
Et tu dis que sur mon site ça marche super bien? pas d'erreur undefined ni de case trop démesurées?

- je suppose que ça te fait cette erreur uniquement sur la page menu.htm et pas sur les autres.
- si tu met des guillemets " autour des undefined que tu trouve dans le .js, est-ce que ça marche ? (sur IE6 ça plante)... mais ça m'étonnerai que ça soit la solution.

Alors je viens de voir un truc ( http://www.webmasterworld.com/forum91/1142.htm )
Si tu remplace tous les machin!=undefined par typeOf(machin)!='undefined', est-ce que ça marche ???
si oui ça voudrait dire qu'il faut que je fasse un cas particulier IE5 :'(

signaler à un administrateur
Commentaire de iubito le 12/02/2004 15:50:28

même mieux, au lieu de mettre machin!=undefined ou typeof(machin)!='undefined', met
if (machin)

Est-ce que ça passe?

signaler à un administrateur
Commentaire de iubito le 12/02/2004 15:51:18

même mieux, au lieu de mettre machin!=undefined ou typeof(machin)!='undefined', met
if (machin)

Est-ce que ça passe?

signaler à un administrateur
Commentaire de chimelpremier le 12/02/2004 16:04:21

if (machin) suffit pour tout les navigateurs.
Cela ne marche pas non plus sur le site avec IE5. C'est avec NS7 qu'il ya une différence site ou pas site.

signaler à un administrateur
Commentaire de iubito le 12/02/2004 16:15:50

arf j'avais mal lu, ou lu trop vite.
Pour NS7, est-ce qu'ils se collent les uns aux autres (ça fait sur mon site avec Mozilla), ou est-ce qu'ils sont vraiment entassés au même endroit et qu'on en voit qu'un seul ?

signaler à un administrateur
Commentaire de reblochon le 12/02/2004 16:30:03

facile à patcher en 2 mots:

var undefined;

comme ca undefined est indefini.

c'est en effet un leger bug de compatibilité entre IE5 et netscape
A+
Philippe

signaler à un administrateur
Commentaire de iubito le 12/02/2004 16:37:22

ouais mais bon si le if (machin) ça marche je vais pas tenter le var undefined :-p

signaler à un administrateur
Commentaire de iubito le 13/02/2004 06:49:43

MAJ mineure avec des if(machin) sans de undefined, et aussi dans le cas d'un navigateur acceptant le CSS mais pas tous les accès en javascript (element.style.*), le menu réapparait après Chargement(). Il ne le faisait pas avant :p

signaler à un administrateur
Commentaire de chimelpremier le 13/02/2004 15:43:53

//correction bug IE5.0/win :
var undefined;

le truc de reblochon marche aussi et est peut-être plus correct que ma bidouille : if(machin)

bon courage !

signaler à un administrateur
Commentaire de iubito le 13/02/2004 15:47:28

plus correct je sais pas, mais j'ai vu kèkpart sur le web qu'il vaut mieux mettre if (machin) que ça passe sur tous les navigateurs.

Là j'viens de corriger un bug CSS pour Netscape 7, ainsi que Mozilla quand le javascript est désactivé.
Il me reste des soucis avec IE5.... macintosh :(

signaler à un administrateur
Commentaire de reblochon le 13/02/2004 18:43:00

Certains navigateurs ne prennent pas [undefined] comme mot clé (de la meme facon que [true] [false] [null]...)

En mettant, [var undefined;]  on cree une variable non definie. Donc ca remplace parfaitement le mot clé [undefined] qui represente une valeur non definie.

C'est completement juste au niveau de la syntaxe et de la forme du javascript.

if(machin) est souvent le passe-partout lorsqu'on ne sait pas si on va avoir affaire à certains [type]:
une chaine vide
un zero
un false
un null
un undefined

il est quand meme recommandé (c'est ce qui se dit) de preciser
if(machin == [type]), quand on peut le faire. Question de clarté. Sinon ca marche tres bien, tout seul.

les deux methodes sont bonnes. une est une facon de programmer, l'autre un patch pour un mot clé oublié.

signaler à un administrateur
Commentaire de iubito le 13/02/2004 18:55:04

bein quand le machin c'est document.getElementById("l'id d'un div")... je préfère if (machin) sans mettre == [type]...

signaler à un administrateur
Commentaire de jfredd le 20/02/2004 15:14:57

Bonjour,
ton menu est vraiment bien fait et facile d'utilisation pour un novice du css comme moi. J'aurais une question et une suggestion.

Question: comment fais-tu pour que ta couleur de survol des liens s'affiche sur toute la largeur du sous-menu. J'ai essayé avec d'autres types de menus css et on ne voit la couleur de background/survol que sous le texte des liens.

Suggestion: dans la version verticale ce serait pas mal si les sous-menus pouvaient d'ouvrir à la verticale de leurs titres de rubrique et que ces derniers descendent et remontent en fonction de l'ouverture et de la fermeture des sous-menus.

En fait j'ai encore une question: qu'est-ce qui limite le nombre de niveaux de sous-menus?

Voila encore bravo.

signaler à un administrateur
Commentaire de iubito le 20/02/2004 17:38:51

merci ;)

- lien sur toute la largeur et pas uniquement sur le texte =&gt; c'est le display:block ;)

- ta suggestion =&gt; j'ai pas tout capté, tu veux une animation qui fait un menu qui se déroule? Mon but est de faire un menu fonctionnel sur le + de navigateur, sans fioritures supplémentaires, mais qu'il soit agréable à regarder (facile de mettre des effets d'IE... ou avec des images :) Y'a des menus avec des animations (twinhelix.com, udm4.chépakoi), mais 1) sur certains navigateurs ça rame à fond, et sur les ordis lent aussi. 2) pour moi c'est du superflu.

- le nb de sous-menus =&gt; Mon script utilise le moins possible de javascript (si tu regarde udm4 ou twin-helix... :p), et tente d'être compatible (j'ai quelques soucis avec IE5/mac) avec tous les navigateurs récents (à bas le Netscape 4 dinosaurus LOL!). Le principe est simple, on passe au-dessus d'une zone, ça en affiche une autre... F