CSS Dropdown menu for the header- With Categories!

Thank you jt,

The site's up.
Let me know if you can't get in.

Zinfandel:

Thank you jt,

The site's up.
Let me know if you can't get in.

IE may not like that there's no clearing after your logo section.

I have a new way of clearing divs.

Open up includes/templates/your_template/common/tpl_header.php

change:

<div id="logoWrapper">

to

<div id="logoWrapper" class="clearfix">

add this to your stylesheet:

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

Hopefully that was the problem. :smartalec:

Thanks JT.

I made those changes, but don't know what the effect is.
Would you or someone do me the honor of looking at my site with IE7 eyes and tell me if things look normal now.

Can someone tell me if it's possible to download IE7 without stepping on IE6?

Z, you have the ol' "Client 'y' is not an object" on your site with IE7, if you try to zoom the pics on the second row of a product page without first scrolling the page up. Plus, it won't zoom those pics until you DO scroll up.

And if you install IE7, it will not only stomp IE6, it will KILL it.

The pleasure is all mine Get Em,

That ol' "Client 'y' is not an object" has been an IE6 issue too.
Microsoft huh, he stepped out of the shower, looked at his member in the mirror and Eureka!

So you're advocatn' a new jscript to replace ol' Tim's code.
I'll patch it together and see what it looks like.

How's the drop down menu? You didn't say.
While I'm wittling, have yourself a refreshing glass of Zinfandel. :cheers:
I'll do the same, and ...
Thanx!!

Zinfandel:

The pleasure is all mine Get Em,

That ol' "Client 'y' is not an object" has been an IE6 issue too.
Microsoft huh, he stepped out of the shower, looked at his member in the mirror and Eureka!

So you're advocatn' a new jscript to replace ol' Tim's code.
I'll patch it together and see what it looks like.

How's the drop down menu? You didn't say.
While I'm wittling, have yourself a refreshing glass of Zinfandel. :cheers:
I'll do the same, and ...
Thanx!!

The Client y thing (if we're talking about the Image Handler zooming) has a fix in the image handler thread...

http://www.zen-cart.com/forum/showpost.php?p=164694&postcount=24

Zinfandel:

The pleasure is all mine Get Em,

That ol' "Client 'y' is not an object" has been an IE6 issue too.
Microsoft huh, he stepped out of the shower, looked at his member in the mirror and Eureka!

So you're advocatn' a new jscript to replace ol' Tim's code.
I'll patch it together and see what it looks like.

How's the drop down menu? You didn't say.
While I'm wittling, have yourself a refreshing glass of Zinfandel. :cheers:
I'll do the same, and ...
Thanx!!

Thanks for the glass of Z.....Z. Actually, I think I got that code from the same place jettrue just pointed out.
Uh......the drop menu?......what about it?.......
Sorry, I've been sick for a week, and just getting up and about a little at a time, today, and I've forgot a LOT of conversations, things I was working on, and so on. It'll take a month to catch back up, now.

Get Em Fast and Jettrue,

Thank you both for being helpful. The client 'Y' error is gone.
and if the CSS Dropdown menu works correctly in IE7, then I'm eternally grateful to both of you.

As for the Tim Kroeger post, that was a needle in a haystack.
I missed the post. And that is exactly why it's a good thing you guys are out here paying attention.

Thank you.
Just tell me where to send the bottle. :smile:

Zinfandel:

Get Em Fast and Jettrue,

Thank you both for being helpful. The client 'Y' error is gone.
and if the CSS Dropdown menu works correctly in IE7, then I'm eternally grateful to both of you.

As for the Tim Kroeger post, that was a needle in a haystack.
I missed the post. And that is exactly why it's a good thing you guys are out here paying attention.

Thank you.
Just tell me where to send the bottle. :smile:

The menu looks fine in IE7. The only issue is that the menu is a tad "taller" in IE7 than it is in Firefox. It still works fine, and there's no usability issue, its just different. :P

Hi Jade!

A company that will be selling our products is building a site based on zencart. They seem to be having trouble with their vertical menu and css flyout. I was wondering if your CSS Horizontal Menu was easily modded to work in the side box as a vertical menu system with fly out.

Also, My compliments on producing a very strong stable menu that doesn't break with zoom!!!

I'v read the ccs flyout menu in the downloads had some issues. Is this still true? I haven't had time to review/test it.

-cj

A different question:

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.

I was reading about a solution to this over at Brainjar:

http://www.brainjar.com/dhtml/menubar/default11.asp

But egaads, talk about a chore!

Chad, the CSS Flyout Menu is just fine. It's easy to install, easy to manipulate, but as with ANYTHING to do with ZC, SOMEBODY's gonna have problems with it. If you can use the dropdown menu, then you can use the Flyout menu, with, or without images, as well.

chadderuski:

A different question:

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.

I was reading about a solution to this over at Brainjar:

http://www.brainjar.com/dhtml/menubar/default11.asp

But egaads, talk about a chore!

My solution for this is much easier. :cool:

Someone else had this problem, and my suggestion was to make the select menu float to the right, so it was underneath "Contact Us", "My Account" and "Shopping Cart" which are much smaller menus. You can also use css to constrict the width of a menu.

For example... if you're having problems with the sorter menu under "all products" or "new products", add something like this to your css:

#sorter select {float:right;clear:both;width:120px;}
#sorter label {float:right;}

GetEmFast!

Thanks for speaking up and setting me straight! I certainly wasn't trying to ruffle any feathers! ;P Just looking for an opinion from a trusted designer.

-cj

jettrue:

My solution for this is much easier. :cool:

Someone else had this problem, and my suggestion was to make the select menu float to the right, so it was underneath "Contact Us", "My Account" and "Shopping Cart" which are much smaller menus. You can also use css to constrict the width of a menu.

For example... if you're having problems with the sorter menu under "all products" or "new products", add something like this to your css:

#sorter select {float:right;clear:both;width:120px;}
#sorter label {float:right;}

Ah yes! Why use a sledgehammer when a screwdriver will work just fine!

I'll float these right per your suggestion for a quick fix.

I suspect a proper solution should be implemented in the csshover.htc hover class.

-cj

On a side note: Have you ever experimented with initiating a minute time delay in the hover? I have seen a flash solution for this. A micro delay is nice to prevent the menus from flying out when moving the mouse around the screen. It tames the menu slightly.

chadderuski:

GetEmFast!

Thanks for speaking up and setting me straight! I certainly wasn't trying to ruffle any feathers! ;P Just looking for an opinion from a trusted designer.

-cj

Oh, no, Chad.......I didn't mean it to come out that way (mean sounding), I was just simply saying that some people can have problems........well, even chewing their food right, let alone trying to install a mod on ZC, hence the rumors of the bugs. I manipulated this mod to use images, uploaded it as an update, and inherited all the support issues that goes with it,........ I think.
Where people have the most problems with this, is when they change to a different image(s), they just don't understand that if their images aren't the EXACT same size as the ones that I included, then they have to change other things, like width, height, margins, and such.
But, I never meant, in ANY way to make it sound like I was throwing flames, this morning.......sorry if it came out that way.

Get Em Fast:

Oh, no, Chad.......I didn't mean it to come out that way (mean sounding), I was just simply saying that some people can have problems........well, even chewing their food right, let alone trying to install a mod on ZC, hence the rumors of the bugs. I manipulated this mod to use images, uploaded it as an update, and inherited all the support issues that goes with it,........ I think.
Where people have the most problems with this, is when they change to a different image(s), they just don't understand that if their images aren't the EXACT same size as the ones that I included, then they have to change other things, like width, height, margins, and such.
But, I never meant, in ANY way to make it sound like I was throwing flames, this morning.......sorry if it came out that way.

LOL. I didn't take it mean or flaming at all! And it was perhaps unfair of me to ask the way I did instead of doing my own research or trying for myself. Never enough time in a day! I'm speaking with the designer of above said site in 2 hours and was "cutting corners" so to speak. I promise I'll give your mod a try!

Believe me, I know what your saying. I've been a programmer since 1980-ish! But this isn't the place for telling war stories! :)

chadderuski:

LOL. I didn't take it mean or flaming at all! And it was perhaps unfair of me to ask the way I did instead of doing my own research or trying for myself. Never enough time in a day! I'm speaking with the designer of above said site in 2 hours and was "cutting corners" so to speak. I promise I'll give your mod a try!

Believe me, I know what your saying. I've been a programmer since 1980-ish! But this isn't the place for telling war stories! :)

........Smiles, and replies, "Sure, it is....right around the corner, at the Pub, I'll even buy the first round....:cheers:"

Seriously though, if you've been programming since the 80's, you'll have NO problems with this mod. And if you do, we're all here for ya'.

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. :bangin:
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.

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.