General Question

Melonking's avatar

How to make a website with a menu that doesn't move?

Asked by Melonking (1221points) December 31st, 2008

I am working on a site and I think that it would look much better if it had one of those menu side things that doesn't move (Look at this site to see what I mean, scroll up and down, http://www.omnigroup.com/applications/omniweb/ )

I have done a basic web design course and I can do simple coding, so Java script is ok but nothing too complex would be helpful. Also the web program I’m using is Dreamweaver CS3

If any of you know and sites that might help or have done it please post.

Observing members: 0 Composing members: 0

13 Answers

jazzjeppe's avatar

Think you want to work with frames here. One smaller frame on the left and one bigger frame where the main content is. The scrolling comes when there is a lot of content in one fram.

http://www.w3schools.com/HTML/html_frames.asp

jazzjeppe's avatar

If you’re using Firefox, download and install plugin Firebug . With this you can see a lot of the coding on one site and it’s good for getting ideas for your own site and borrow code.

Melonking's avatar

Thank You both those answers are very helpful.

jazzjeppe's avatar

No worries, glad to help. The other option would be to use many of the website creation tools on the Internet where you can create your free site from scratch:
www.weebly.com
webnode.com
wix.com
wordpress.com

There are plenty of more, but I have tried these myself and can recommend them. Good luck.

Melonking's avatar

TY again, I will probably stick to Dreamweaver, but you never know when these might be useful.

Perchik's avatar

No frames!! Frames are terrible in terms of accessibility. I’m pretty sure you can get the same effect with CSS. I’m in the middle of a big project right now, but when I’m done I can play with the CSS.

funkdaddy's avatar

You can do the same with fixed positioning, which looks like what the example you posted uses.

You might look at their source for an example how it’s done, the div with an id of navbar will show most of what you need…

http://www.omnigroup.com/omni.css/ - the div rules start on line 83 (or do a search for #navbar)

I generally shy away from using frames unless there’s just no other way. In this case the positioning will probably give you better results.

Hopefully that will get you started but if you have questions I’m sure lots of folks here would pitch in.

Vinifera7's avatar

Do not use frames. Ever. Use fixed positioning as funkdaddy said and then use Dean Edwards’ IE7 Compliance Patch for Microsoft Browsers. It will make your standards compliant code actually work properly in IE6.

jazzjeppe's avatar

Well yeah, I was thinking that frames are easy to use if you are a beginner in html and using Dreamworks. Of course CSS is the better. Are there any websites using frames at all nowadays? :)

funkdaddy's avatar

Google Maps is an example that still uses iframes and there’s certain tricks that still require them

As far as actually splitting up the screen with a frameset, I occasionally see it used for help documents but not much else.

stephen's avatar

the app bar of facebook is definely a good example,
first set the css:position:fixed, for the element that u dont want move,browsers based on the w3c surpport it well,but ie6 and older ie version dont support this attribute,javascript can fix the bug

Melonking's avatar

Thanks for all the posts, I am still trying to work this one out, I decided to get a better look at the omni website so I used SiteSucker to download it. I played around with a test website and the css stuff from the omni site, but it did not work at all.

Response moderated (Spam)

Answer this question

Login

or

Join

to answer.

This question is in the General Section. Responses must be helpful and on-topic.

Your answer will be saved while you login or join.

Have a question? Ask Fluther!

What do you know more about?
or
Knowledge Networking @ Fluther