www.webdeveloper.com
Results 1 to 3 of 3

Thread: Best way to keep a navigational bar on all webpages easily

  1. #1
    Join Date
    Mar 2013
    Posts
    1

    Best way to keep a navigational bar on all webpages easily

    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

  2. #2
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,207
    Might help...

    See following sites for navigation menus:

    CSS Library Horizontal CSS Menus: http://www.dynamicdrive.com/style/cs...y/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/programm...le2/index.html
    Sexy Drop Down Menu w/ jQuery & CSS: http://www.noupe.com/tutorial/drop-d...query-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/...enu-with-css3/

    How To:

    http://www.w3.org/TR/WCAG10-HTML-TECHS/#links
    http://www.creativepro.com/article/d...vigation-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/...dropdown-menu/
    ------------------------
    Rounded Corner Menus:

    How to Create an Interactive Rounded Navigation Menu with CSS: http://www.wikihow.com/Create-an-Int...-Menu-with-CSS
    CSS Rounded Corners Menus: http://www.virtuosimedia.com/dev/css...-corners-menus
    How To Make CSS Expanding Rounded Navigation Menus & Buttons: http://www.amberweinberg.com/how-to-...menus-buttons/

    If you expect to be updating links and content often, you might look into Server Side Includes.

  3. #3
    Join Date
    Mar 2012
    Posts
    1,115
    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.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles