Support for CSS Flyout Menu

[ckosloff]

Please have a look at this page: http://s266460223.onlinehome.us/shop

I did have a look with Firefox and was unable to reproduce the issue you mention.
When you click on a subcat it correctly displays the items, until you click on another subcat.
That is the way it is supposed to work.
I didn't see any z-index problem.
Still don't understand what your problem is.

[ckosloff]

http://www.zen-cart.com/forum/showpo...&postcount=165
While I still don't understand your problem, I think this can help.
Make sure you make images for each cat and subcat too, if you want the mod to work optimally.

[e81ny]

I did have a look with Firefox and was unable to reproduce the issue you mention.
When you click on a subcat it correctly displays the items, until you click on another subcat.
That is the way it is supposed to work.
I didn't see any z-index problem.
Still don't understand what your problem is.

Hi,

Thanks for the reply.
I don't know if it has the same problem with Firefox or other browsers, but it happens with IE.. I've checked using several PCs and all have the same problem.

Can you have a look using IE?

Thanks again.

[e81ny]

Hi,

Thanks for the reply.
I don't know if it has the same problem with Firefox or other browsers, but it happens with IE.. I've checked using several PCs and all have the same problem.

Can you have a look using IE?

Thanks again.

Sorry I forgot to mention that the problem only happens when your cursor is where the category (red area) and sub-categories (yellow) overlap.. That's why I'm quite sure it is z-index problem..

[ckosloff]

Sorry I forgot to mention that the problem only happens when your cursor is where the category (red area) and sub-categories (yellow) overlap.. That's why I'm quite sure it is z-index problem..

Still cannot reproduce (with IE), please show a screenshot.
However I do see that your navigation breadcrumb menu still doesn't show the intermediate category.
You can correct that with the script I posted.

[sonjamichelle]

I installed the categories flyout module. I modified the buttons to better suit my site and functionality works just fine.

However on the aesthetics side, I have these rather ugly yellowish lines surrounding my categories.



Reading through the files, tpl_categories_css.php has the following comment:

// May want to add ............onfocus="this.blur()"...... to each A HREF to get rid of the dotted-box around links when they're clicked.
// just parse the $content string and insert it into each A HREF tag

I'm assuming this is telling me how to fix the issue, but I have no clue where to start looking for the $content strings. The statement
really isn't that clear. (Keep in mind I gave up html back when Netscape 2.0 was brand new and in beta and CSS is alien to me. I'm a firefighter not a programmer. )

Any clues, hints, answers, something?

The next issue, how can I left justify the text on the buttons. The centering isn't that pleasing to me.

I'd really love to have a menu like this one:



Though in the light grey of course. But that's wishful thinking and as long as I get rid of the yellow lines I'm happy with the look so far.

[sonjamichelle]

Bleh, I hate replying to myself, but there is no edit post function on my above post. (Weird)

After staring at the css file for an hour or so I figured out what was going on. My original confusion with justifying the text stemmed from the fact I was editing the local file and not the remote file on the server, thus no reflection of my changes on the server. DOH!

While realizing that I caught the section that controlled those ugly yellow lines, well solid-tan according to the css. They're gone too!

This is about I started getting the hang of that particular css file and things started to shape up the way I wanted them. Still not 100% perfect, but it's much better than it started.

Now on to the next tweak. (And here I thought I was done adding/changing functionality 2 days ago! )