MENU MULTI-NIVEAUX HORIZONTAL/VERTICAL
cs_Myke
Messages postés
138
Date d'inscription
mercredi 5 février 2003
Statut
Membre
Dernière intervention
2 février 2010
-
20 mars 2006 à 22:42
lerouge2 Messages postés 1 Date d'inscription jeudi 25 mars 2010 Statut Membre Dernière intervention 25 janvier 2011 - 25 janv. 2011 à 04:40
lerouge2 Messages postés 1 Date d'inscription jeudi 25 mars 2010 Statut Membre Dernière intervention 25 janvier 2011 - 25 janv. 2011 à 04:40
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/36506-menu-multi-niveaux-horizontal-vertical
https://codes-sources.commentcamarche.net/source/36506-menu-multi-niveaux-horizontal-vertical
25 janv. 2011 à 04:40
je voulais savoir si y'avait un moyen d'insérer une temporisation. exemple si la souris est sur la troisième colonne et la quitte, le sous menu serait encore visible pendant un petit délai,
merci de me répondre,
3 déc. 2009 à 18:20
je ne crois pas que les éléments d'une frame
puissent empiéter sur une autre frame.
il faudrait utiliser des div à la place,
d'aucuns vous diraient d'ailleurs que
c'est bien plus mieux. @+
3 déc. 2009 à 15:19
J'ai créé un fichier index.html avec deux frames, la première avec l'entete et le menu horizontal, l'autre avec la page qui change quand on clique sur le menu et cette frame masque le menu quand il se déroule. Que dois-je faire ? Au secours ! j'ai passé des heures à chercher et je ne trouve pas... merci de me répondre
26 nov. 2009 à 14:55
mais... >>menu sur 3 niveaux + petite flèche indiquant clairemen
on peut faire les 2 en CSS aussi
@+
23 nov. 2009 à 17:42
23 nov. 2009 à 15:26
la même chose uniquement en css, sans javascript :
ici par exemple http://www.javascriptfr.com/codes/MEC-MENUS-CSS_48597.aspx
>>Pourquoi ne débute t-il pas contre la marge gauche de la page ?
ça doit pouvoir se régler du coté du css.
@+
23 nov. 2009 à 15:00
Merci et bravo pour mettre en ligne un script avec si peu de code JavaScript et une définition très simple des menus / sous-menus.
Je n'arrive pas à comprendre d'où vient le décalage du menu d'environ 40px sur la droite. Pourquoi ne débute t-il pas contre la marge gauche de la page ?
Merci bien
5 avril 2009 à 15:38
j'utilise wananewsletter script héberger avec bdd sur mon site, donc pas de spam possible ni de pishing ....
5 avril 2009 à 14:32
évite cette de me mettre dans ta liste des gens à qui
tu veux envoyer ta newletter !
tu passes par une société de merde et je fus
particulièrement spammé, probablement de ta
faute ( j'ai bataillé des mois, changé de mail... )
5 avril 2009 à 11:39
le javascript est devenu inutile
tout se fait en CSS
tu peux regarder MEC :
http://www.javascriptfr.com/codes/MEC-MENUS-CSS_48597.aspx
5 avril 2009 à 11:28
je viens de [re]tester : pas de souci, à priori ( chez moi )
tu as le bon doctype ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
ou même
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
un message d'erreur ?
5 avril 2009 à 10:09
petite info (et futur gros bug !!!):
sous IE8 le menu ne fonctionne plus .... dernière nouveauté de bibil ...
aurais-tu une solution ?
@+ b g
8 oct. 2008 à 14:18
13 mai 2008 à 15:46
26 juin 2007 à 12:28
euh ? une possibilité ? :
<LINK REL="stylesheet"
TYPE="text/css"
HREF="Sources/Style.css">
<!--[if IE]>
<LINK REL="stylesheet"
TYPE="text/css"
HREF="Sources/StyleIE.css">
<![endif]-->
par exemple...
>>car là cela devient un jeu sans fin.
faire des choses simples, police standard...
la css, certes n'est pas géré de la même manière,
mais un simple texte sans fiorture aucune,
n'a pas la même allure ! alors !?!
>>moi je ne suis pas de ce niveau.
moi encore moins c'est sûr.
26 juin 2007 à 12:22
... @micalement
b g
26 juin 2007 à 12:15
j'ai retravaillé la css et le menu est maintenant nickel sous FF
mais maintenant c'est sous IE que tout est décallé !!!!
là je craque ....
y-a-t-il moyen de faire reconnaître les css sous IE ET FF avec un 'hack' ou un moyen de donner sous telle ou telle utilisation de "????" ou autre ?
car là cela devient un jeu sans fin .... et moi je ne suis pas de ce niveau ....
tiens-moi au courant stpl
@mitiés
b g
11 juin 2007 à 15:11
SOS !
à+
b g
11 juin 2007 à 10:38
de la police, décalage...
IE et FF n'affiche pas les choses de la même manière.
il faut trouver un moyen terme.
essayes sans le javascript... ce sera pareil.
@+
11 juin 2007 à 09:49
1° un problème d'harmonisation : taille des
cellules, de la police, décalage... >>>>> que préconises-tu ?
2° une erreur dans le html à priori. >>>>> quel genre d'erreur ?
... et pourquoi, correct sous IE et pas sous FF ?
@+
b g
11 juin 2007 à 09:25
1° un problème d'harmonisation : taille des
cellules, de la police, décalage...
2° une erreur dans le html à priori.
@+
11 juin 2007 à 08:51
Je viens seulement de m'apercevoir d'un petit bug sur mon site ( http://www.unesourisetmoi.info)
sous IE pas de problèmes (je pense !)
mais sous FF les sous menus sont décalés vers la gauche au lieu de rester bien en-dessous du 'titre' d'origine et de plus certaines 'cases' (exemple : liens+ >> Webmasters >> pas de liens affichés sous FF )renvoyant vers d'autres liens (dernier onglet à droite) n'affichent pas la petite flèche, ni les autres liens ...
tu peux comparer, et me dire ce qui ne va pas ?si besoin je t'envoie les fichiers ou je te mets les codes ici ???
23 mai 2007 à 13:42
n'ayant pas de MAC, je ne peux pas tester avec Safari.
il faudrait poser la question sur le forum "adhéquat"
de CodesSources : http://www.javascriptfr.com ?
@+
23 mai 2007 à 13:30
maintenant tout marche nikel sauf une chose
j'ai oublier que j'avais 4 mac dans le parc informatique et le script n'est pas au point pour safari
quelqu'un aurai une suggestion
merci
23 mai 2007 à 09:43
en php ou même en ssl : un include
ou ( beurk ) un .js qui fait des document.write ( rebeurk )
m'écrire avec son courrieleur : http://mas.keo.in/?Bul [Mail Anti Spam]
23 mai 2007 à 09:16
et c'est comme ca que je le voyais _self pour qu'il l'ouvre dans la meme fenetre
et au fait sur quel adresse je l'envoi?
18 mai 2007 à 15:36
http://fr.selfhtml.org/html/liens/definir.htm#fenetre_cible
car "_self" c'est pour ouvrir dans le même fenêtre, à priori.
tu peux m'envoyer la page, ou l'adresse pour la voir
si elle est sur le web. mais je n'ai plus IE6, je suis
passé à IE7, les comportements sont probablement un peu
différents ( avec les onglets ).
18 mai 2007 à 14:16
je n'utilise aucune frame et pour la page a envoier je te l'envoie par mail?
au debut je regardais surtout a ce que tout soit a la bonne place et que ca aie un joli skin je n'ai pas fais attention au <a href vu que c'est le meme partout mais la ca me la coupe quand je vois qu'il m'ouvre une deuxieme page alors qe la target="_self" c incomprehensible
18 mai 2007 à 14:10
à priori, d'ailleurs, tu l'utilises avec des frames.
ce menu ne fait qu'utiliser des ( certes dans des ul,
li, avec un peut de CSS et 3 lignes de javascript ), mais son
comportement est le même qu'un lien hypertext "normal", puisque
cela en est un.
fais d'abord une bête page htm, avec un bête lien. rien de plus.
quand tu obtiens ce que tu désires, appliques le sur le menu.
si tu n'y parviens pas, donnes nous cette "bête page"
et dis nous : que veux-tu faire exactement ?
Cordialement.
18 mai 2007 à 13:52
chez moi il fonctionne tres bien ( a savoir q'il tourne sur un server(c'est pour l'intranet))
la seul chose etrange et que je ne peux expliquer c que quand je click sur un lien qui est
du style
<li>[searchengine.htm Search engine]</li> (avec _self ou _parent aussi
ben le premier appel se fais bien dans la meme page mais quand je veux cliquer sur un autre lien il m'ouvre une autre page ou la je peux naviguer dans tous les menu sans qu'il n'en rappelle
donc ma question est ou dois je modifier pour qu'il n'appelle plus un _blank
(quand il n'est pas desire biensur car j'ai tester sur tout mes liens _self et le deuxieme click d'un lien m'appelle qd meme un _blank Oo
merci d'avance pour votre aide
14 mars 2007 à 11:56
>>text-algn:center permet effectivement de centrer
soit un texte quelconque, soit tous ( si mis sur #Menu par ex )
>>firefox background-color ne change pas de couleur au passage de la souris
euh? tout est en css, à priori "aucune raison" donc.
valeurs "initiales" dans BulMenu.css :
#Menu a { ...
background-color:#F1F100; /* couleur normale du fond */
... }
#Menu a:hover
{ ...
background-color:#CCFFFF; /* couleur du fond si survol */
... }
13 mars 2007 à 18:08
y a -t-il une solution?
voici le lien si tu veux aller voir le plan du site que j'ai fait avec ton script et ton aide.encore merci!
http://www.hardymarc.com/plandusite.htm
5 mars 2007 à 18:57
j'ai utilisé le menu multi niveaux horizontal, ma question est la suivante: comment placer le texte au milieu de la barre?je suppose que c'est dans le css, est-ce ce code-ci?
text-align: center;
merci.
20 déc. 2006 à 12:42
à priori... quelques adaptations/fignolages
en CSS devraient faire l'affaire (?).
20 déc. 2006 à 11:34
Voici les problèmes rencontrés :
- la longueur du menu ne varie pas en fonction du nombre d'onglet (de la premiere ligne)
- les sous menus du 2eme niveau ne s'affiche pas en lignes
et en général : impossible de centrer le menu selon le nombre d'onglet
Pourriez vous m'aider à corriger ces quelques problèmes?
Merci à tous et en particulier à M Bultez pour ce menu qui malgré les problèmes rencontrés est un très bon menu, simple, léger...
@++
26 oct. 2006 à 10:41
ce menu n'empêche pas les [I]Frame.
pour intégrer un menu dans de nombreuses pages
° un .js qui fait des document.write ( la moins bonne solution )
° un #include en SSI
° un include avec PHP ( ou le langage sur le serveur )
je parle et de la description des lignes du menu en HTML,
et du javascript ( quoique là un <script ...src=".." ... >
suffit ).
26 oct. 2006 à 00:35
Habituellement, j'utilise les frames, mais c'est vrai que pour faire référencer un site, ce menu est nettement mieux.
Comment l'intégrer dans mes pages (j'en ai une 50aine)? dois-je mettre le code au début du body de chacune de mes pages ou il y a une meilleure methode?
bye.
17 août 2006 à 07:17
écris moi par mail : http://www.digipills.com/cerbermail/?7k0USwXbQj
ou direct marcel point bultez arobase tiscali point fr
ou pose la question sur le forum.
je n'ai pas compris tout à fait comment
tu veux présenter ta page, je met simplement
ci dessous une version expurgée et dis moi
ou dis nous comment tu veux présenter les
choses ( pas ici, inutile d'encombrer )
<html>
<head>
<meta http-equiv="Content-Language" content="fr-be">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>www.theroman.eu</title>
<LINK REL="stylesheet"
TYPE="text/css"
HREF="BulMenu.css"><!-- les tailles, les couleurs, le comportement... -->
</head>
<!-- description du menu : UL, LI et A HREF -->
<li>[ Accueil]
</li>
<li>[photo/ Photo]
</li>
<li>[# TFE]
<li>[tfe/ tfe interface client]
</li>
<li>[tmp.htm tfe interface configuration]</li>
</li>
</td>
<script type="text/javascript"
src="BulMenu.js"></Script>
</html>
16 août 2006 à 18:15
puis actualise en ayant la souris hors du menu javaS
la tout est normale
puis suffi de glisser la souris sur le mune puis boom decalage
et un grand merci de toute l attention portee a mes question
16 août 2006 à 15:25
mais lorsque les pages sont chargées dans l'iframe,
puisque tout est en % :
une page est chargée qui change la taille, donc toutes
les tailles. même sans le menu, ce serait la même chose.
16 août 2006 à 14:41
16 août 2006 à 12:29
tableau qui lui même est dans un iframe ( ou le contraire )
que les tailles soient exprimées en % ou pas d'ailleurs, il
me semble normal, que les largeurs se modifient.
on peut voir quand même ?
16 août 2006 à 12:17
je penssai avoir ete claire je vais esseyer de mieux m exprimmer
donc dans une page je place le menu et a ca droit un iframe avec c est dimention en pourcentage le tout mis dans un tableau mais lord du moindre survol sur le menu la page affichee par mon iframe se modifie en largeur (width)
sinon ce menu est po mal chouette, simple et lege.
et desoler pour ma premiere constatation a parament un peut flou .
qui etais loin d etre une critique
16 août 2006 à 10:55
je n'ai pas pris ça pour une critique,
mais comme une demande d'aide.
et impossible d'aider avec si peu d'informations !
@+
16 août 2006 à 10:45
c'est vrai que c'est facile de critiquer (sans plus)
moi je viens d'y faire une petite modif pour revenir aux compatibilités en css (au niveau des fontes) et l'affichage et maintenant plus clair et surtout plus rapide ouf !
encore une fois : merci bul ! simple et efficace
@mitiés
b g
15 août 2006 à 11:56
on peut voir où ? comment ? car ma boule de cristal
est cassée depuis hier, alors j'ai du mal à deviner.
15 août 2006 à 11:44
12 juil. 2006 à 12:54
que faut-il comprendre par "pas très efficace" ?
j'aimerais compprendre pour peut-être (?) améliorer.
12 juil. 2006 à 11:23
Merci en tout cas
13 avril 2006 à 15:53
mais dans la page html ... dans toutes les pages qui se servent du menu ? ou dans BulMenu.htm ?
et ...
<script type="text/javascript">
function SuitScrollBar()
{
document.getElementById("Menu").style.top = document.body.scrollTop;
}
SuitScrollBar();
window.onscroll=SuitScrollBar;
</script>
peut être inséré avec une commande en php ??
13 avril 2006 à 11:04
############################################################
° ajouter dans au css dans #Menu :
position:absolute;
° ajouter dans la page html :
<script type="text/javascript">
function SuitScrollBar()
{
document.getElementById("Menu").style.top = document.body.scrollTop;
}
SuitScrollBar();
window.onscroll=SuitScrollBar;
</script>
il y a sûrement d'autres solutions... plus simples ?
elles sont les bien-venues.
13 avril 2006 à 09:51
(je ne mets pas les félicitations, car le menu en reçoit pas mal)
Erreurs : (sous firefox)
J'ai un soucis avec ton menu de gauche: Il déborde de l'écran
http://img92.imageshack.us/my.php?image=menu7vm.png
Quand je vais sur la page "point", tout est décalé vers la droite:
http://img137.imageshack.us/my.php?image=point1sl.jpg
(même chose pour "visions" et "warping")
Rien ne fonctionne normalement sous Maxthon, pépins étranges sous Opera et déconnade du menu (?)
je n'ai pas ces navigateurs pour vérifier ni la compétence pour corriger §
@+
Ca ne va pas là non plus :
http://cjoint.com/data/emtItjO225.htm
12 avril 2006 à 14:23
postion:fixed; pour que ton menu soit toujour visible
j'ai vu ton site bravo pour les fond d'eran et tous ca
10 avril 2006 à 07:47
>>de l'écran lorsque l'on déroule une page assez longue
il faut "repositionner" le menu avec
document.body.scrollLeft et .scrollTop ( pour IE )
10 avril 2006 à 07:43
>>un autre script en javascript
j'ai essayé, et ça ne bloque pas pour moi.
cependant ce script horloge est très gourmand et peut ralentir.
10 avril 2006 à 07:35
à voir sur
merci pour tout renseignement
b g
10 avril 2006 à 07:32
ex : http://www.unesourisetmoi.info et aller sur: liens+/contacts le script de l'horloge semble bloquer le menu qui a parfois du mal à redémarrer ou fait changer qq couleurs pour les liens ... alors : SOS !
merci
28 mars 2006 à 10:51
vous pouvez le voir à l'adresse suivante:
et si qq uns pouvaient tester cela avec d'autres navigateurs ou prendre aussi le temps de parcourir le site pour me signaler des erreurs ce serait le top !
encore chapeau et merci d'avance à tous ceux qui pourront aussi nous aider à le peauffiner encore plus
bg
21 mars 2006 à 06:53
{ width:128px; /* largeur 1ère ligne */
...
#Menu ul li
{ float:none;
display:block;
left:80px; /* ajustements horizontaux des sous-menus 1er niveau */
top:-20px;
...
#Menu ul li ul
{float:none;
position:absolute;
left:8px;/* ajustements horizontaux des sous-menus niveaux suivants */
/* ajustements verticaux des sous-menus niveaux suivants */
...
par exemple...
même sans connaître le CSS ( et ici c'est assez simple ),
avec les commentaires et quelques essais/ajustements...
20 mars 2006 à 22:42