menu qui devrait ne pas bouger

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : menu qui devrait ne pas bouger

par Shrell » 08 janv. 2006, 19:20

solution possible:
- refuser le scrolling du body
- placer tout ton contenu dans un div, sur lequel tu autorises le scrolling
- placer ton menu en absolu à l'endroit où tu veux
oui, c'est de la tambouille, mais il faut ce qu'il faut...

par Cyrano » 07 janv. 2006, 10:27

Bon, moi je te recommande d'utiliser un position:fixed;, de cette manière, il restera toujours visible au même endroit (un menu qui suit).
Ça ne fonctionnera pas sous IE qui n'accepte position: fixed que pour une image d'arrière-plan malheureusement.

par alexbad » 07 janv. 2006, 00:19

Bon, moi je te recommande d'utiliser un position:fixed;, de cette manière, il restera toujours visible au même endroit (un menu qui suit).

menu qui devrait ne pas bouger

par gregk81 » 06 janv. 2006, 18:51

Salut,

J'ai trouvé un petit script de menu qui est censé resté en place meme en cas scroll. Oui mais voila, ce menu est un peu trop immobile.

Code : Tout sélectionner

/* SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT http://www.editeurjavascript.com */ gauche5= haut5= target5 = '_self'; color51 = "#7788AA"; color52 = "#99AEDB"; color53 = "#FFFFFF"; menu5titre = new Array; menu5lien = new Array; menu5titre[0]= 'ergerg' menu5lien[0]= '#1' menu5titre[1]= 'zefzefez' menu5lien[1]= '#2' document.write('<STYLE TYPE="text/css">#menu5 { position:absolute;top:'+haut5+';left:'+gauche5+'; }</STYLE>'); ie4=document.all ns6=document.getElementById&&!document.all ns4=document.layers function placeMenu5() { if (ie4) {menu5.style.pixelTop=document.body.scrollTop+haut5} else if (ns6) {document.getElementById("menu5").style.top=window.pageYOffset+haut5} else if (ns4) {eval(document.menu5.top=eval(window.pageYOffset+haut5));} if(ie4 || ns6 || ns4) setTimeout("placeMenu5()",1); } window.onload = placeMenu5; document.write('<SPAN ID=menu5><table bgcolor=#7788AA border=1 cellspacing=0 cellpadding=3 bordercolorlight=#000000 bordercolordark=#C0C0C0 WIDTH=180><TR> <TD ALIGN=center><FONT FACE="Arial" SIZE=2 COLOR=#FFFFFF><B>Menu</B></FONT></TD></TR>') for(a=0;a<menu5lien.length;a++) { document.write('<TR><TD onMouseOut="this.style.background=\''+color51+'\'" onMouseOver="this.style.background=\''+color52+'\'" STYLE="cursor:pointer" onClick="window.open(\''+menu5lien[a]+'\',\''+target5+'\')"><FONT FACE="Verdana, Arial" SIZE=1><B><A HREF="'+menu5lien[a]+'" TARGET="'+target5+'" STYLE="text-decoration:none;color:'+color53+'">'+menu5titre[a]+'</A></B></FONT></TD></TR>'); } document.write('</TR></TABLE></SPAN>')
Quelqu'un à la solution pour le rendre "mobile" et qu'il reste la ou je veux meme quand on utilise la scrollbar ?

Merci !