/    Sign up×
Community /Pin to ProfileBookmark

Best way to keep a navigational bar on all webpages easily

Copy linkTweet thisAlerts:
Mar 15.2013

I am currently producing a website that needs to have the navigational bar permanently on every page. I have thought about using tables but they are rather hard to make sure that they fit the entire page etc, when using dreamweaver.

I have tried to use a frameset and has worked fine, but when people refresh it resets to the default page and if i upload some changes to the server and refresh, i cant see the changes so I have to clear my cache in order to see them.

Any ideas on how i can do this?

Thanks in advance

to post a comment
HTML

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@Major_PayneMar 16.2013 — Might help...

See following sites for navigation menus:

CSS Library Horizontal CSS Menus: http://www.dynamicdrive.com/style/csslibrary/category/C1/

http://www.dynamicdrive.com/dynamicindex1/

http://www.cssplay.co.uk/menus/

How to Style an Unordered List with CSS:http://www.webreference.com/programming/css_style2/index.html

Sexy Drop Down Menu w/ jQuery & CSS: http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html

http://efuse.com/Design/navigation.html

Simple JQuery Accordion menu: http://www.i-marco.nl/weblog/jquery-accordion-menu/

Drop-Down Menus, Horizontal Style: http://www.alistapart.com/articles/horizdropdowns/

NavDock jQuery Plugin (Ver 1.5.1): http://plugins.jquery.com/project/NavDock

Making CSS Rollover Buttons: http://www.elated.com/articles/css-rollover-buttons/

How to spice up your menu with CSS3: http://tympanus.net/codrops/2012/01/22/how-to-spice-up-your-menu-with-css3/

How To:

http://www.w3.org/TR/WCAG10-HTML-TECHS/#links

http://www.creativepro.com/article/dreamweaver-how-create-you-are-here-navigation-links

http://efuse.com/Design/navigation.html

Simple JQuery Accordion menu: http://www.i-marco.nl/weblog/jquery-accordion-menu/

The Right Way to Make a Dropdown Menu: http://www.sitepoint.com/blogs/2009/04/01/the-right-way-to-make-a-dropdown-menu/
------------------------


Rounded Corner Menus:

How to Create an Interactive Rounded Navigation Menu with CSS: http://www.wikihow.com/Create-an-Interactive-Rounded-Navigation-Menu-with-CSS

CSS Rounded Corners Menus: http://www.virtuosimedia.com/dev/css/css-rounded-corners-menus

How To Make CSS Expanding Rounded Navigation Menus & Buttons: http://www.amberweinberg.com/how-to-make-css-expanding-rounded-navigation-menus-buttons/

If you expect to be updating links and content often, you might look into Server Side Includes.
Copy linkTweet thisAlerts:
@jedaisoulMar 16.2013 — I do not understand the problem. Is it a vertical or horizontal menu bar? What do you mean by "filling the page"? The solution could be as simple as setting the div containing the menu to 100% width (or height - as appropriate) and set the background color of the div rather than the anchors. Alternatively, use position absolute and set top and bottom (or left and right) to 0.

As to easy maintenance, I always use PHP include files for headers, footers, menu bars, indeed anything that should appear on all (or multiple) pages. It's fairly simple to do. There is an added complication in that you cannot test your pages locally in your browser. You have to set up a local or remote server 'cos PHP is a server-side language. But once you've set it up, you'll wonder how you ever got by without it.
×

Success!

Help @rubixryan spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...