Page 1 of 2 12 LastLast
Results 1 to 10 of 2344

Hybrid View

  1. #1
    Join Date
    Jan 2005
    Location
    USA, St. Louis
    Posts
    3,710
    Plugin Contributions
    9

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

    Quote Originally Posted by boriZ View Post
    first pic
    http://img221.imageshack.us/my.php?image=firefoxev8.jpg
    second pic
    http://img98.imageshack.us/img98/1675/ie7fv2.th.jpg
    third pic
    http://img233.imageshack.us/my.php?image=menuyh0.jpg

    Thanks for solving the first problem (with firefox)
    Now.. menu is really breaking into two lines (shoping cart is in new line) but it's not the main issue... the real problem is that when you go to any link (let's say Categories) the table is not entirely grey, so things behind are seen.
    edit:
    And yes, I'm using the latest dropdown menu.
    The issue is this:

    Code:
    li { background:url(../images/list_back.gif) repeat-x bottom; padding-left:12px; line-height:22px; color:#BDBDBD; }
    inside style.css, which says that EVERY list item, anywhere on the site, needs to have the little white dot, and 12px of left padding. The 12px of left padding is what is making the menu wrap.

    So, I would change the above to:
    Code:
    .columnLeft li { background:url(../images/list_back.gif) repeat-x bottom; padding-left:12px; line-height:22px; color:#BDBDBD; }
    so that this only occurs for things in the sideboxes, and not the whole site.

  2. #2
    Join Date
    Oct 2007
    Posts
    15
    Plugin Contributions
    0

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

    thanks for your fast help!
    Just 1 question left... Can I remove that little triangles in the menu and how?
    Last edited by boriZ; 28 Oct 2007 at 05:29 PM.

  3. #3
    Join Date
    Feb 2007
    Location
    Pennsylvania
    Posts
    814
    Plugin Contributions
    0

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

    Quote Originally Posted by boriZ View Post
    thanks for your fast help!
    Just 1 question left... Can I remove that little triangles in the menu and how?
    boriZ
    if you are working on css drop menu here is your answer. . .
    in stylesheet_header_menu.css should be line 52 you'll find

    div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;}

    you need to place a /* before the line. it should look like this,

    /*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;}

    Hope this helps.
    John

  4. #4
    Join Date
    Oct 2007
    Posts
    15
    Plugin Contributions
    0

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

    I don't quite get it.
    by default, it looks like this:
    /*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;} */
    what should i do?

  5. #5
    Join Date
    Feb 2007
    Location
    Pennsylvania
    Posts
    814
    Plugin Contributions
    0

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

    boriz,
    other than line 61
    /*div#dropMenu li.submenu li.submenu {background:url(../images/submenu.gif) 95% 50% no-repeat;} */

    there are no other images used in the css. make sure both lines have been commented out /*.

    you can also remove the image from includes/templates/yourtemplate/images/

    that will work too.

    John

  6. #6
    Join Date
    Oct 2007
    Posts
    15
    Plugin Contributions
    0

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

    Nope. Even if I remove that (and another comented out) lines.
    here is the ss:

    i want to remove that triangle on the left(it's on every button in the menu and in submenus)

    Link: http://www.pic-upload.de/28.10.07/m9qxb.jpg

  7. #7
    Join Date
    Jan 2005
    Location
    USA, St. Louis
    Posts
    3,710
    Plugin Contributions
    9

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

    Quote Originally Posted by boriZ View Post
    Nope. Even if I remove that (and another comented out) lines.
    here is the ss:

    i want to remove that triangle on the left(it's on every button in the menu and in submenus)

    Link: http://www.pic-upload.de/28.10.07/m9qxb.jpg
    That is also from style.css, and has nothing to do with the coding in stylesheet_header_menu.css.

    Change this also:

    li a { text-decoration:none; color:#BDBDBD; padding-left:11px; background:url(../images/pimp1.gif) no-repeat 0px 5px;}

    to this

    .columnLeft li a { text-decoration:none; color:#BDBDBD; padding-left:11px; background:url(../images/pimp1.gif) no-repeat 0px 5px;}

  8. #8
    Join Date
    Jun 2008
    Posts
    6
    Plugin Contributions
    0

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

    Help! I just moved my site to another host and I am having a problem when I reinstalled the mod. It no longer displays the Home, Categories, Information... It only displays the sub-categories. Here is my site. http://www.garlandskinandbody.com/index.php?main_page=

    Why would this be happening? Any help would be GREAT!!!

    Thanks!

  9. #9
    Join Date
    Jun 2008
    Posts
    6
    Plugin Contributions
    0

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

    Quote Originally Posted by garland68 View Post
    Help! I just moved my site to another host and I am having a problem when I reinstalled the mod. It no longer displays the Home, Categories, Information... It only displays the sub-categories. Here is my site. http://www.garlandskinandbody.com/index.php?main_page=

    Why would this be happening? Any help would be GREAT!!!

    Thanks!
    Oh Never mind:-) I realized I grabbed Paul's version which is meant to only show sub cat's :-)

    Thanks!!!

  10. #10
    Join Date
    Sep 2008
    Location
    Los Angeles, CA
    Posts
    67
    Plugin Contributions
    0

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

    I need a little help positioning the dropdown menu. I want to have the whole menu right aligned (not the individual text in each menu item). Can someone help me with this?

 

 
Page 1 of 2 12 LastLast

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