How to make a website with a menu that doesn't move?
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
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
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.
Thank You both those answers are very helpful.
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.
TY again, I will probably stick to Dreamweaver, but you never know when these might be useful.
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.
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.
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? :)
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.
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
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
This question is in the General Section. Responses must be helpful and on-topic.