Problème de script dans mon menu

cs_JABE Messages postés 13 Date d'inscription dimanche 28 septembre 2003 Statut Membre Dernière intervention 9 juillet 2009 - 30 déc. 2005 à 21:04
cs_JABE Messages postés 13 Date d'inscription dimanche 28 septembre 2003 Statut Membre Dernière intervention 9 juillet 2009 - 31 déc. 2005 à 13:23
Bonsoir,

J'ai essayé de créer un menu pour mon site à partir du modèle suivant:
http://css.alsacreations.com/modelesmenus/vd2.htm seulement j'ai plusieurs problèmes notamment car je veux compliquer un peu ce menu.

La page CSS de mon site se trouve ici:
http://humanbeatbox.free.fr/includes/style.css
L'index de mon site là:
http://humanbeatbox.free.fr/eng/index.php

Autrement j'ai créé une page avec mon menu seul ici:
http://humanbeatbox.free.fr/eng/codesourcemenu.html

Voici mes différents problèmes 3 en tout (avant 4 mais j'en ai résolu 1 seul)

1.Problème de nombre de sous-menu. Comme vous pouvez le voir (sous IE surtout car sous Firefox ça ne passe pas allez savoir pourquoi) mes sous-menu links et products restent figés, cela est dû au fait que je les ai nommé smenu11 et smenu12 et en fait avec le script ça ne passe que si mon menu porte un numéro à un chiffre (1,2,3,etc jusqu'à 9) et dès qu'il y a deux chiffres (à partir de 10 ) c'est mort. Comment faire pour changer ça?

2.Problème de sous-sous menu.
De manière à mieux hierarchiser mon site, j'aimerai faire un "sous-sous menu", par exemple pour ma page Reverse Kick Drums:
http://humanbeatbox.free.fr/eng/index.php?page=kick_drums_reverse_kick_drums_tutorial je souhaiterai qu'elle soit accessible depuis le menu, hors on n'a accès qu'à la partie "kick drums", et pas à sa sous partie, donc comment faire un sous sous menu au niveau du script sans que ça chamboule tout comme je l'ai déjà fait en me lançant dans des tests anarchiques…

3.Problème de Taille. J'ai un problème de largeur de mon menu, en fait je voudrais que la largeur du menu s'ajuste automatiquement par rapport au texte le plus long du sous menu (j'ai testé width:auto ça me met un mot par ligne), par exemple dans "Interviews" le plus long (ou large) c'est "Carpetface and DJ Samo", par contre sous "Articles" c'est "Gearing up for beatbox part 1: The basic kit and recording with your computer" (j'ai d'ailleurs fixer la largeur de tous mes menus par rapport à celui-ci) mais comment faire pour que change selon mes sous menu et que vraiment ça s'adapte au nom le plus long sans retour à la ligne de mon sous menu ? Sur un autre forum on m'a dit qu'il fallait pour résoudre ce problème que je retienne les valeurs les plus longues dans des variables et que je définisse les largeurs de mes sous-menus en fonction de ces variables… Seulement je suis un débutant et c'est à peine si je comprend ce que c'est qu'une variable, donc si vous pouvez m'aider là-dessus (mon sous-menu le plus long fait 77 caractères).

J'espère que vous me répondrez, dans ce cas je vous en remercie d'avance, passez de bonnes fêtes !

P.S: J'ai déjà posté sur deux forums et on ne m'a presque pas répondu, vous êtes quasiment mon dernier espoir

2 réponses

cs_JABE Messages postés 13 Date d'inscription dimanche 28 septembre 2003 Statut Membre Dernière intervention 9 juillet 2009
31 déc. 2005 à 11:18
Vu que je n'ai pas eu de réponse j'ai fait des tests à l'arrach' sans comprendre le javascript et de cette manière j'ai résolu mon problème n°1 par rapport au nombre de sous menu, en fait il fallait juste que je change

for (var i = 1; i<= 10 ; i++) {


en

for (var i = 1; i<=100; i++) {



Il me reste donc les problèmes 2 et 3 sans compter le problème super important qui fait que mon menu ne passe pas sous Mozilla/Firefox !
0
cs_JABE Messages postés 13 Date d'inscription dimanche 28 septembre 2003 Statut Membre Dernière intervention 9 juillet 2009
31 déc. 2005 à 13:23
Par rapport à l'incompatibilité Mozilla/Firefox c'est bon une fois de plus j'ai résolu le truc tout seul, je me surprend moi-même

En fait dans ma feuille de style css j'ai enlevé:

height: 0px;
line-height: 1.2em;

de ma partie .menu li { et du coup ça marche !!! J'ai aussi changé la largeur de .menu dd { en pixels au lieu de pourcentage (width:519px;).
0
Rejoignez-nous