all html : Le portail des webmaster

liste des forums liste des discussions Participer à la discussion

Message publié le vendredi 27 novembre 2009 - 19h03 par guillaume2vo.

Bonjour,

j'ai fait un site http://www.dovelakeglobal.com/test.html

j'ai le menu qui ne se deplace pas telque je le veut

je veut que que le menu se deplace en meme temps que la page,

c'est a dire, il monte, juqu'a l'image soit caché, puis continue d'etre visible par la suite

voici le code


<div id="sidebar1">
<div id="divTopLeft" style="position:absolute;">

<ul id="navmenu">
<li><a href="index.html">&nbsp;&nbsp;&nbsp;&nbsp;HOME PAGE</a></li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Children's Page</a>
<ul>
<li><a href="#">Children Of Dove Lake</a></li>
<li><a href="#">Pen Pals</a></li>
<li><a href="#">Smiles & Fun Page</a></li>
</ul>
</li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Housing</a></li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Education</a>
<ul>
<li><a href="#">School</a></li>
<li><a href="#">Vocational Training</a></li>
<li><a href="#">Recreation</a></li>
</ul>
</li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Spiritual Center</a>
<ul>
<li><a href="#">Culture</a></li>
</ul>
</li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Clinic</a></li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Farm</a>
<ul>
<li><a href="#">Agriculture</a></li>
<li><a href="#">Aquaculture</a></li>
<li><a href="#">Processing</a></li>
</ul>
</li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Business Center</a></li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Hotel</a>
<ul>
<li><a href="#">Conventions / Meetings</a></li>
<li><a href="#">Holidays</a></li>
<li><a href="#">SPA / Wellness Center</a></li>
</ul>
</li>

<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Energy</a>
<ul>
<li><a href="#">Wind</a></li>
<li><a href="#">Solar</a></li>
<li><a href="#">Alternative Energy Research Lab</a></li>
</ul>
</li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Health / Nutrition</a></li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Amenities</a>
<ul>
<li><a href="#">x-1</a></li>
<li><a href="#">x-2</a></li>
<li><a href="#">x-3</a></li>
</ul>
</li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Employment / Volunteers</a></li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Events</a>
<ul>
<li><a href="#">Holidays</a></li>
<li><a href="#">Entertainment</a></li>
</ul>
</li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Gift Store</a></li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Dream Page</a></li>
<li><a href="SendMail.html">&nbsp;&nbsp;&nbsp;&nbsp;Contact Info</a></li>
<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Recommended Sites</a></li>
</ul>





</div>

</div>


<script type="text/javascript">
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function JSFX_FloatDiv(id, sx, sy)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
var px = document.layers ? "" : "px";
window[id + "_obj"] = el;
if(d.layers)el.style=el;
el.cx = el.sx = sx;el.cy = el.sy = sy;
el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};

el.floatIt=function()
{
var pX, pY;
pX = (this.sx >= 0) ? 0 : ns ? innerWidth :
document.documentElement && document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body.clientWidth;
pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop;
if(this.sy<0)
pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight;
this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
this.sP(this.cx, this.cy);
setTimeout(this.id + "_obj.floatIt()", 40);
}
return el;
}
JSFX_FloatDiv("divTopLeft", 0,0).floatIt();
</script>
<!-- ********************************************************* -->

• participer

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.