Results 1 to 10 of 2344

Hybrid View

  1. #1
    Join Date
    Feb 2007
    Location
    NNJ
    Posts
    212
    Plugin Contributions
    0

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

    Hey chadderuski,

    You may want to know that while I was deciding on which way to go, I had both the dropdown and the flyout menus going under IE6 at the same time and they both worked just fine.

    And as for...
    I noticed in IE6 (and probably IE5 as well) that there is a problem with the menu with pages that have a <select> active .... meaning the select box shows through the menu.
    Atleast you're getting some answers, I posted a concern about that very same issue and might as well have spoken to my hand.

    Thanks to you I got somewhat of a solution to think about.

    I've been coding since 1982, COBOLII, CICS, DB2 SQL, all mainframe.
    But I wouldn't know an object if it came from the orient.
    During the last two years,I tried my hand in C#, Java, ASP, and now PHP. My brains are toast. I need help with the hard stuff, like adding a mod into my ZC without getting a headache.

    Let's keep up this community orientation with a smile for as long as we can stand it. It's good for everybody.
    Elliot

    The loves of my life are a good white zinfandel and my dog Homer.

  2. #2
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

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

    I'm sorry you're feeling unloved Z. Hey, we're all "The Zen Family", and we love you......I would have tried to help......you know I would, if I hadn't been sick.
    And as far as the Flyout Menu & the Dropdown menu working together......Oh, yea.....like ebony & ivory! At least in IE 7 (now IE 6 confirmed) & FF.
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

  3. #3
    Join Date
    Apr 2006
    Location
    Dark Side of the Moon
    Posts
    987
    Plugin Contributions
    1

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

    Hey Jade!

    I have an idea to solve my LOOOOOOONG sub-categories problem (meaning a lot of mouse scrolling on the page).

    What if we were able to set a max number of items to display in a fly out menu so that the scroll bar would attach itself to the side of that menu when it is too long??

    I am thinking this would be doable by setting a height to the flyout menu somewhere in the css.

    What do you think?

  4. #4
    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 chadderuski View Post
    Hey Jade!

    I have an idea to solve my LOOOOOOONG sub-categories problem (meaning a lot of mouse scrolling on the page).

    What if we were able to set a max number of items to display in a fly out menu so that the scroll bar would attach itself to the side of that menu when it is too long??

    I am thinking this would be doable by setting a height to the flyout menu somewhere in the css.

    What do you think?
    I don't know that a css menu would make a scroll bar. Its just css. My advice to you would be to either try and condense categories more, or set it so that only the main categories drop down. To do that, simply open up includes/classes/categories_ul_generator.php and change $max_level to 1.

  5. #5
    Join Date
    Apr 2006
    Location
    Dark Side of the Moon
    Posts
    987
    Plugin Contributions
    1

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

    Quote Originally Posted by jettrue View Post
    I don't know that a css menu would make a scroll bar. Its just css. My advice to you would be to either try and condense categories more, or set it so that only the main categories drop down. To do that, simply open up includes/classes/categories_ul_generator.php and change $max_level to 1.
    Hi Jade! I worked on this a bit, and it is 'sort-of' possible:

    div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 12em; background:#4f4f4f;max-height:400px; overflow:auto}

    by setting a max-height and overflow you get the scroll bar.

    However, this only works on one sub-level, and they don't fly out... at least I haven't discovered a way to do that... once the scroll bar shows. It seems you can have one or the other but not both. The scroll bar kills the subsequent sub-menus.

    Yes, I am condensing categories to make product depth more reasonable. I didn't supervise the initial data entry, so you can image the mess I inherited!

  6. #6
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

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

    Quote Originally Posted by chadderuski View Post
    Hi Jade! I worked on this a bit, and it is 'sort-of' possible:

    div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 12em; background:#4f4f4f;max-height:400px; overflow:auto}

    by setting a max-height and overflow you get the scroll bar.

    However, this only works on one sub-level, and they don't fly out... at least I haven't discovered a way to do that... once the scroll bar shows. It seems you can have one or the other but not both. The scroll bar kills the subsequent sub-menus.

    Yes, I am condensing categories to make product depth more reasonable. I didn't supervise the initial data entry, so you can image the mess I inherited!
    You're right, Chad.......I've been working on this, also, as it seemed like a very good idea (especially after looking at your long list), and I've ran into the same problem.......it's EITHER flyout, OR scroll, but not both. gotta be a fix, though. Just haven't found it, yet.
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

  7. #7
    Join Date
    Apr 2006
    Location
    Dark Side of the Moon
    Posts
    987
    Plugin Contributions
    1

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

    Well, there are some java-based solutions, but that is a real departure from using a pure CSS design.

    Jade's horizontal drop menu is GREAT! I have no complaints. But I like to fiddle and tweak. Will give the IFRAME solution a try when I can as this bug is evident even in firefox.

    If you want a CHALLENGE, here you go!

    Find a way to source-order the horizontal menu so that it lists AFTER the main page content, but displays at the top properly. Why do this? With a large number of categories and subcategories, the menu is quite large. This pushes the page content (what you want the spiders to read) way down on the page. Your page content may actually never be read, and <google> will likely punish you for all the duplicate (menu) content.

    Ruthsarian discusses this here:

    http://webhost.bridgew.edu/etribou/l...too/index.html

    But even he doesn't treat the horizontal menu.... just the side menu.

 

 

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