CSS Dropdown menu for the header- With Categories!

your issue is fixed,
the links were not formatted right

there was no a in teh <a href

I need a lil' help :blush: :P
The Dropdown menu only splits into two lines ONLY in Internet Explorer 7. How to fox it? :hug:

boriZ:

I need a lil' help :blush: :P
The Dropdown menu only splits into two lines ONLY in Internet Explorer 7. How to fox it? :hug:
Link to site please?

https://www.g-styling.si/gshop

I have the same problem, the menu wraps around to a second line if you use a width value greater than 70%. Just change the style sheet to a smaller value and it will work.

But I want 100% so I still have the problem.:smartalec:

jettrue:

Make sure you re-uploaded all the files in the common/ folder, css folder, and let me know how it looks then. It also looks like you do have a missing div or something somewhere, so after doing the above, let me know, and I'll try to trackdown where it came from.

So I did that, and its still acting kind of funny in IE 7 is what I have. Depending on where the mouse is, it will not load then if you move your mouse, it will show up, the submit a faq page is not loading at all. It's quite odd. In Mozilla, the only wierd thing is on the submit a faq page is that the sideboxes show up underneath the page content.

Main Page
https://www.thedidgmaster.ca/onlinestore
Submit Faq
https://www.thedidgmaster.ca/onlinestore/index.php?main_page=faqs_submit

Thanks for the help.

boriZ:

I need a lil' help :blush: :P
The Dropdown menu only splits into two lines ONLY in Internet Explorer 7. How to fox it? :hug:

in includes/templates/css/stylesheet_header_menu.css, try rounding down 16.667 a tiny bit, like to 16.665% or so.

It doesn't help jettrue :unsure::no:
Even if I put to 16.660.. :mellow::mellow::mellow::mellow:

boriZ:

It doesn't help jettrue :unsure::no:
Even if I put to 16.660.. :mellow::mellow::mellow::mellow:

I can't test in IE right now, but you can also try removing this:

.dr { display:table-row; width:100%; height:100%;}

and removing the display:table-cell from the below:

.dc { display:table-cell; text-align:left; vertical-align:top; width:100%;font-family:Tahoma; font-size:11px; line-height:14px; color:#BEBEBE;}

Also try changing the font size in the above to 73.5% instead of 11px.

thanks for helping me jettrue, but I've found the problem. You already suggested the solution but not entirely.

in includes/templates/css/stylesheet_header_menu.css
at div dropmenu li
change
width:16.667%;
to
width:16.649%;
It's the MAX value IE can take! :smile:
Greets, Boris :P

16.649 doesn't work for me.

pixelpadre:

16.649 doesn't work for me.

Link please?

I've got a weird problem:
[IMG]http://img249.imageshack.us/img249/3259/wr0nghc5.th.jpg[/IMG]

link:
http://img249.imageshack.us/img249/3259/wr0nghc5.jpg
what to do ? :blush:

boriZ:

I've got a weird problem:

what to do ? :blush:

Search this thread for lightbox.

disregard please.

thanks for this contrib. I have done some customizing that other may like and will be glad to share the code when it is finished.

However, http://www.sermonzone.com/zc-137/ currently looks great if Firefox and TERRIBLE in IE7. I suspect I inserted the code for the search box in the wrong place and would appreciate some help finding the solution.

EDIT *** The tpl_drop_menu.php is attached

I'm using Academe template and the HoverBox for display of large images along with the CSS Dropdown Menu.

One issue only. The CSS Dropdown menu bar is displaying over the HoverBox container. I looked in HoverBox's stylesheet but couldn't figure out how to fix this. I did post it originally as aquestion on the HoverBox forum - but they don't respond... Here is the link to one of my products' page when you can see what is happening whenopening a large image:
http://www.time-co.com/zencart/index.php?main_page=product_info&cPath=16&products_id=54

You guys are always so responsive - is there anything on the CSS Menu side that could fix this problem for me? I would much appreciate any advice...

Jettrue,
I have run into the situation where there are so many subcategories in the level 3 submenu that they extend below the page bottom. IF you have a wheel mouse you can scroll down the submenu chain. If not, if you try to move over to use the scroll bar on the right side, the menu disappears.
Do you think it would be possible to redo the CSS and maybe the template so that the subcategories (level 2 and lower) were listed in one or more horizontal rows rather than a vertical column?

Maury

all4coffee:

I'm using Academe template and the HoverBox for display of large images along with the CSS Dropdown Menu.

One issue only. The CSS Dropdown menu bar is displaying over the HoverBox container. I looked in HoverBox's stylesheet but couldn't figure out how to fix this. I did post it originally as aquestion on the HoverBox forum - but they don't respond... Here is the link to one of my products' page when you can see what is happening whenopening a large image:
http://www.time-co.com/zencart/index.php?main_page=product_info&cPath=16&products_id=54

You guys are always so responsive - is there anything on the CSS Menu side that could fix this problem for me? I would much appreciate any advice...

Try searching this thread for "lightbox".

Should sort out your problem. Let us know how you get on.

Craig

Hi JetTrue,

I'm ready to download your mod as all accounts seem to be great, but I wanted to confirm if it is tied to the admin panel to automatically load the categories/subcategories as they are edited, or if we'll need to go in and edit a separate file. Obviously, the categories won't change too much, but I'd love to hear that your menu automatically updates if a change is made in the admin panel.

Thanks