Floating Navbar

[futureaudio]

You need a small JavaScript to detect top scroll position of the page and change "top" of the menu accordingly. You can take clues from that site or something. I don't think you can do this with just CSS itself.

[Simon Lloyd]

You need to apply it to the container for the navbar itself.

[DemOnstar]

Originally Posted by futureaudio

You need a small JavaScript to detect top scroll position of the page and change "top" of the menu accordingly. You can take clues from that site or something. I don't think you can do this with just CSS itself.

A ha, JavaScript.. Now that is going to make me lose interest...css, I think I can handle but JS, that is too much for me...I know this as I have already tried to decipher JS but ended up throwing a wobbler....

--------------- Added [DATE]1382172381[/DATE] at [TIME]1382172381[/TIME] ---------------

Originally Posted by Simon Lloyd

You need to apply it to the container for the navbar itself.

Apply what, the css or the JS?

The navbar is doing now what I wanted it to do except for the problems mentioned above..

Thanks..

[Simon Lloyd]

Do it like this:
Add this to css (additional css area is fine)

Originally Posted by css

div.floating-menu {position:fixed;border:0px;width:100%;z-index:100;}
div.floating-menu a, div.floating-menu{display:block;margin:0 0.0em;}

Then surround the navbar template or the variable like i've shown with the div
<div class="floating-menu">
$navbar
</div>

Here's the result:
http://www.thecodecage.com/forumz/index.php

[DemOnstar]

Cheers all..

I finally did it, it took me forever..

Had to use some js in conjunction with css.. What a headache...Not be doing that again for a while..
If you want to try it let me know....

[DemOnstar]

Now that is done, it a presented a minor issue...Possibly a 20 px issue..

When clicking on a forum or or landing on a page from a quote or something, because part of the screen is taken up by the floating bar, the page is slightly out. It doesn't land below the floating bar and the top of the post is clipped a little.
Does anybody know where to add the necessary change?

Thanks all for your co operation in this matter..

[tbworld]

For CSS help you need to provide a link.

[DemOnstar]

Cheers tb, figured out a compromise..

Thanks for being there....