CSS Dropdown menu for the header- With Categories!

jettrue:

See how in my original file, I have two width's for div#dropMenu li, and the second one starts with a *? That asterisk one is for IE only:

div#dropMenu li {
position:relative;
list-style:none;
margin:0;
float:left;
line-height:1em;
width:16.667%;
*width:16.649%;
}

> So you need to add *width:7.5;
> 
> to your div #dropMenu li. Or something like that, basically IE needs a slightly smaller percentage.

I tried and it did not work. I need it to work on top/bottom margins.

I even tried it with *margin-top: ...in #divdropMenu.
Kim

Hi there,

How can I get the submenu to align with the main button?

If you look at the website:
http://www.1800computers.com.au/shop/

You can see the horizontal blue bar which looks good, stretching all the way, but when you hower over a link, the submenu doesn't align with the main button.

How can I fix this? I tried editing few options in stylesheet_header_menu.css file but no luck.

By the way, thanks for the great addon, awesome stuff.

kburner:

I tried and it did not work. I need it to work on top/bottom margins.

I even tried it with *margin-top: ...in #divdropMenu.
Kim

Managed to get spacing working when NOT logged-in. But messes up again in both IE and FF - when I log-in.

I really like this mod. The rest of header looks pretty good.

Any ideas on how to fix.:frusty:

Thanks,Kim

I am using the Mother Earth Template I have try this on that template and it looks horrible How can use the orange bar across the header.

I need that the css flyout header work also with previous version od IE.

I add the code to the .htaccess like it's writen in the readme, but it doesn't work.

I have installed also the simple SEO module.

Maybe my code is not combined well.

Here is my .htaccess file:

#### BOF SSU
Options +FollowSymLinks -MultiViews
RewriteEngine On
# Make sure to change "test_site" to the subfolder you install ZC. If you use root folder, change to: RewriteBase / 
RewriteBase /

# Deny access from .htaccess
RewriteRule ^\.htaccess$ - [F]

RewriteCond %{SCRIPT_FILENAME} !-f
RewriteCond %{SCRIPT_FILENAME} !-d
RewriteRule ^(.*) index.php?/$1 [E=VAR1:$1,QSA,L]
#### EOF SSU


#### BOF SSU
Options +FollowSymLinks
RewriteEngine On
# Change " RewriteBase / to the correct setting
# if your site is located at root folder, then you should have RewriteBase /
# Go to your include/configure.php, this value should be the same with the value of DIR_WS_CATALOG
RewriteBase /

# Deny access from .htaccess
RewriteRule ^\.htaccess$ - [F]

RewriteCond %{SCRIPT_FILENAME} -f [OR]
RewriteCond %{SCRIPT_FILENAME} -d
RewriteRule .* - [L]

RewriteRule ^(.+) index.php/$1 [E=VAR1:$1,QSA,L]

#### EOF SSU

#### BOF  CSS FLASH HEADER

RewriteEngine On
RewriteCond %{HTTP_HOST} ^basicinstinctlingerie.com$ [NC]
RewriteRule ^(.*)$ http://www.basicinstinctlingerie.com/$1 [R=301,L]

#### EOF CSS FLASH HEADER

Thank's for your help!

I wanted to add this to my website, which is https://www.alepia.ch that has a really old fashioned header dropdown menu. But when I added this features to my website... I can see only the header and the dropdown menu , everything else is white and not available!

I love this mod and it works except for the sub menus. They are not showing. I'm not sure if its because I have only loaded one catagory with two items in the catagory. This should show as the sub-catagories under the main item, but it isn't. I am only seeing the Compound bows under level 2, nothing else.

Could someone please tell me what I am doing wrong or what I need to alter?

Below is the link to the site I am working on. You will only see two items inside the store and no images, just trying to set up different mods and the store's design before I proceed.

https://www.meanvarchery.biz

Thanks in advance! This is a great mod!

perkiekat:

I love this mod and it works except for the sub menus. They are not showing. I'm not sure if its because I have only loaded one catagory with two items in the catagory. This should show as the sub-catagories under the main item, but it isn't. I am only seeing the Compound bows under level 2, nothing else.

Could someone please tell me what I am doing wrong or what I need to alter?

Below is the link to the site I am working on. You will only see two items inside the store and no images, just trying to set up different mods and the store's design before I proceed.

https://www.meanvarchery.biz

Thanks in advance! This is a great mod!

Has anyone had the same issue as I am having with the sub-catagories? Please help if you know the answer to my request.

Thanks!!

perkiekat:

Has anyone had the same issue as I am having with the sub-catagories? Please help if you know the answer to my request.

Thanks!!

I know there must be someone who has had the same issue, please help me out. I'd really appreciate it!

Thanks!

freeohio:

:clap:

Easy. Thanks again for a great mod.

Question for you:

How did you get the sub-catagories to show up??

Jade True,

This is a great mod! I'd like to make changes, but I'm a beginner with Zen Cart, php, and css. Would there be a diagram of the architecture -- this file here calls that file there -- so I can get an overview of how the mod works? Thanks!

perkiekat:

I know there must be someone who has had the same issue, please help me out. I'd really appreciate it!

Thanks!

Sorry...but I need to bump this question...I really need to know what I've done or not done to make the sub-catagories to show.
Thanks!

Is there a way to use the CSS horizontal drop down menu in a regular website as well? I want to be able to change it easily like in Zen Cart but I want to create part of the website outside of Zen Cart.

Any suggestions?

perkiekat:

Question for you:

How did you get the sub-catagories to show up??

run the blank page script, i think if you turn on the side cat and then try to load the page I think you will find it will show blank

Richard

I have installed the css flyout menu 1.5 and the multilanguage ez-pages.

The title names don't display correctly after installed multiple language ezpages module.

The problem was resolved thank's to the following code

I would like to thank's Marksu for that code. :clap:

marksu:

Well never mind.

I made the changes my self it was mutch simpler than I thought.

Not sure if anyone care as not mutch communication hre but if somebody need solution here it is.

It is based on my earlier design which enables to add ezpaged filtering which groups they belong.

It would be even better code if it could outomatically check if multi languge expages module is installed instead of using comments character. Wen I dont know how to do it so this will do.

// --------------------

If ($chapNumber != ""){

// USE THIS IS MULTI-LANGUGE EZPAGES MODULE NOT INSTALLED
// $page_query = $db->Execute("select * from " . TABLE_EZPAGES . " where toc_chapter = " . $chapNumber . " and status_header = 1 order by header_sort_order, pages_title");

// USE THIS IS MULTI-LANGUGE EZPAGES MODULE IS INSTALLED
// query modified for multi-language support
$page_query = $db->Execute("select e.pages_id, e.page_open_new_window, e.page_is_ssl, e.alt_url, e.alt_url_external, et.pages_title
from " . TABLE_EZPAGES . " e, " . TABLE_EZPAGES_TEXT . " et
where toc_chapter = " . $chapNumber . " and e.pages_id = et.pages_id
and et.languages_id = '" . (int)$_SESSION['languages_id'] . "'
and status_header = 1
and header_sort_order > 0
order by header_sort_order, pages_title");
// end of modification

} else

{
// USE THIS IS MULTI-LANGUGE EZPAGES MODULE NOT INSTALLED
$page_query = $db->Execute("select * from " . TABLE_EZPAGES . " where status_header = 1 order by header_sort_order, pages_title");

// USE THIS IS MULTI-LANGUGE EZPAGES MODULE IS INSTALLED
// query modified for multi-language support
$page_query = $db->Execute("select e.pages_id, e.page_open_new_window, e.page_is_ssl, e.alt_url, e.alt_url_external, et.pages_title
from " . TABLE_EZPAGES . " e, " . TABLE_EZPAGES_TEXT . " et
where e.pages_id = et.pages_id
and et.languages_id = '" . (int)$_SESSION['languages_id'] . "'
and status_header = 1
and header_sort_order > 0
order by header_sort_order, pages_title");
// end of modification
}
// --------------------

marksu

But I still have one problem.

The ez-pages display correctly in the css menu, but near the menu I had also the <div class="box"> that display the ez-pages.

What shoul I do?

Thank's for your help!

I imagine this has been asked somewhere among all the pages but 168 pages are alot to read through.

But all I want is my top level catagories as the links along the top menu, and then when I hover over them they open to my subcats.

Is this possible?

scottwww1:

run the blank page script, i think if you turn on the side cat and then try to load the page I think you will find it will show blank

Richard

Thanks for the reply...however, I do not know what you are talking about when you said ..."run the blank page script"...what is this?? I have the side catagories turned on.

Thanks

perkiekat:

Thanks for the reply...however, I do not know what you are talking about when you said ..."run the blank page script"...what is this?? I have the side catagories turned on.

Thanks

Probably this

Debug Error Logging Utility

It's extremely useful. Just be sure to read the instructions.

timdwyer42:

Probably this

Debug Error Logging Utility

It's extremely useful. Just be sure to read the instructions.

Thanks for clearing that up. I'm not getting any blank pages though. The sub-catagories won't show when I mouse over the drop down main catagories.

Hello! I've just added this menu to my Zen version 1.3.6 and overall everything seems to be fine. There is one minor issue that I'd like to resolve: If you visit this page and mouse-over Categories or Information in the menu, you'll see that the menu goes behind the CSS image Gallery. Any suggestions on how to correct that?

And while I'm at it, could someone also tell me how to remove the grey line at the upper-most part of the page?

Thanks!!