Results 1 to 10 of 2344

Hybrid View

  1. #1
    Join Date
    Jul 2008
    Posts
    362
    Plugin Contributions
    0

    Default Re: CSS Dropdown menu for your header- With Categories!

    Hey All,

    Im trying to get my menu to fit the width of my webpage but i cant seem to be able to do it....

    I changed this:

    div#dropMenu {
    width:100%;

    But it still doesnt fit the width there is small gap on the left hand side and in firefox there is a few px gap but not in ie.

    Can anyone assist?

  2. #2
    Join Date
    Jul 2008
    Posts
    362
    Plugin Contributions
    0

    Default Re: CSS Dropdown menu for your header- With Categories!

    Oh the few px gap is at the bottom of the menu...

    Link: www.truwater.com.au

  3. #3
    Join Date
    Jan 2009
    Posts
    2,123
    Plugin Contributions
    0

    Default Re: CSS Dropdown menu for your header- With Categories!

    Quote Originally Posted by gee38l View Post
    Hey All,

    Im trying to get my menu to fit the width of my webpage but i cant seem to be able to do it....

    I changed this:

    div#dropMenu {
    width:100%;

    But it still doesnt fit the width there is small gap on the left hand side and in firefox there is a few px gap but not in ie.

    Can anyone assist?
    If you open your stylesheet_header_menu.css and look for the #div#dropMenu li {

    You'll see two entries like width:16.667%; width:16.649%; these control the width of each top level button.

    Further down you'll see these lines:

    div#dropMenu>ul a {width: auto;z-index:1000;}

    and

    div#dropMenu ul.level7 li.submenu:hover ul.level8 {position: absolute; width: 14.3em;display:block;z-index:1000;}

    and

    div#dropMenu ul.level8{top: 0; left: 16.7em; background:#4f4f4f}

    you should play with editing the 16.7 in these lines.... those are the values I use for the width of my own drop down panels.

    If you play around with it you'll get it right....

 

 

Similar Threads

  1. Categories dropdown menu/css
    By KenshiroU in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 5 Apr 2013, 01:04 PM
  2. HIde categories mod with css dropdown menu
    By adowty in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 9 Feb 2012, 01:05 AM
  3. How to use ezpages/categories as dropdown menu in the header?
    By mdivk in forum Templates, Stylesheets, Page Layout
    Replies: 12
    Last Post: 21 Dec 2011, 06:32 PM
  4. whats wrong with this css for my dropdown menu?
    By 1kell in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 28 May 2010, 02:47 AM
  5. Header Dropdown Menu (CSS) Without the Dropdown???
    By hcd888 in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 27 May 2009, 01:20 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg