How to make navbar float

**DJCyrus81** · 08-03-2010, 07:41 AM

hi, my site is http://movie-arena.info/

Now you can see a horizonal menu below, how do i make it fixed/static to the screen like the image here? http://www.dynamicdrive.com/dynamicindex4/logo.htm but instead of the image i want the menu to be static.

**Beverleyh** · 08-03-2010, 08:01 AM

Are you asking why a pre-written javascript effect wont work in Wordpress or how to go about writing one/finding a script that does what you want?

If its the first, it might be that your've got the javascript file in the wring file: http://codex.wordpress.org/Using_Javascript
But, if you're having problems with Wordpress, should you be asking on their forums? If so, what advice have they already given you?
OR contact the person who made the template for advice?

Also, what to you mean by, "float when I scroll the page"? Have you got a link to another website to illustrate the effect? At the moment, your page is very short so we can't see the non-working effect.

Please provide us with all the information you have so we're not walking a path already trodden.

**DJCyrus81** · 08-03-2010, 08:37 AM

okay, now i dited it and hope you can understand it more.

**Beverleyh** · 08-03-2010, 08:51 AM

Ah, I see. OK - I think you said before your updated your post that you wanted it on top?

Maybe this script can be used as a starter? http://roshanbh.com.np/2008/07/top-f...ng-jquery.html
There's a space for HTML so hopefully you can put your menu code into that.

But I also think that the DD bottom floating logo can also be altered to include other HTML (ie, your menu) code, so if you did want it on the bottom, your could try that.

**DJCyrus81** · 08-03-2010, 09:10 AM

can you please add me on ym so you can better help me? thanks here's my ym, djcyrus81@yahoo.com

**Beverleyh** · 08-03-2010, 09:14 AM

Sorry, I dont use yahoo messenger.

It's better to keep the help/question chatter on the forum here though so others can benefit in future. You might also need to refer back to it yourself at some point.

**DJCyrus81** · 08-03-2010, 09:28 AM

oh sorry, i tried applying this, http://roshanbh.com.np/2008/07/top-f...ng-jquery.html but it has a little animation that when you scroll the page the navbar moves up and down too. how do i make it steady/stable?

**Beverleyh** · 08-03-2010, 10:11 AM

Maybe this script better suits your needs: http://www.jtricks.com/javascript/na...ixed_menu.html

**azoomer** · 08-03-2010, 03:14 PM

Hi DJCyrus81, I see you sort of have it working now with the position fixed. I seems to do the trick. If I give the main compartment a height, I can see that it will work when you add content. I would suggest that you tie the menu to the bottom instead of to the top. Right now you have margin-top:370px; you could change that to bottom:100px; or whatever is suitable, that would give it a consistent place at the bottom independent of the height of the browser window.