Category Tab Simple Dropdown Menu

Quote:

---

Originally Posted by techiegirl

I'm having what I think is a z-index issue with the drop down not hovering over a slide show and image on my home page. I have played around with the z-index on the images as well as the menu, but can't seem to resolve the issue.

The problem is only occurring in IE8, which I have researched and it seems to be a common problem with the z-index.

Very, very, frustrating. Anyone run into this issue at all??

:frusty:

My website address is: http://www.tregreekboutique.com/zencart

Thanks!

---

Try setting a negative z-index for your slideshow.

I have the categories and EZPages combined into one row on a site I'm working on, and it looked perfect. Now I've implemented this dropdown menu, and the spacing is not quite right. You can see here:

http://www.geetuj.com/index.php

There is a big space between the "Bags" category and the "Press" EZPage. Does anyone know how I can remove that? I've been playing with the CSS for over an hour and I just can't get it! I just want all the links spaced evenly and centered in the row.

Thanks!

Add to your stylesheet

Code:

---

#navEZPagesTop a {margin: 0 0.7em;}

---

For finer control, find the #navEZPagesTop section of your stylesheet, and add below it

Code:

---

#navEZPagesTop {
    border-top: 1px solid #a46daf;
    border-bottom: 1px solid #a46daf;
        background-color: #ffffff;
        height:40px;
        line-height:40px;
        text-align:center;
        font-size:12px;
        font-weight:bold;
    }

#navEZPagesTopWrapper {
color: #017c9f;
        height:40px;
        line-height:40px;
    }

#navEZPagesTop ul  {
    margin: 0;
    padding:  0em 0em;
    list-style-type: none;
    text-align: center;
    }

#navEZPagesTop>a {margin: 0 1.1em 0 0;}

#navEZPagesTopDropdown>ul {margin: 0 0 0 3.0em;}

---

Thank you, that did work, but if I add another category it gets all messed up again. Is there any way to make it so it will be aligned regardless of how many categories there are?

I was having problems with IE7 also, but found adding this to the css in tpl_modules_categories_tabs seemed to do the trick

Code:

---

#navCatTabsDropdown a
{
        display:block;

}

---

I also had an issue with the menu appearing behind page elements, again only in IE7. I added "z-index:200" and "position:relative" to #navCatTabsDropdown ul, and "z-index:300" and "position:relative" to the parent element, (in my case #mainWrapper). Seems to have worked, looks good in all the browsers I have tested now. Hope that helps anyone else having IE7 problems.

I recently installed this.

I'm just wondering if there might be any ideas for adjusting the drop down itself.

I've commented out categories so I am just displaying subcategories in drop-down style.

But when I hover over the two categories with subcategories, they are staggered (not directly below one another) and the width of my site is increased to the right of the screen to accommodate the staggered listings.

Any ideas on how I can fix that?

Thank you!

Quote:

---

Originally Posted by IBIFA

I recently installed this.

I'm just wondering if there might be any ideas for adjusting the drop down itself.

I've commented out categories so I am just displaying subcategories in drop-down style.

But when I hover over the two categories with subcategories, they are staggered (not directly below one another) and the width of my site is increased to the right of the screen to accommodate the staggered listings.

Any ideas on how I can fix that?

Thank you!

---

Okay- give me an address and I'll take a look

garden of francis - dot com

I was able to do some playing with the background color and adjusted the nowrap, but I'm at a loss what else to play with :)

Any insight would be great! (even it it's "well it just won't work for your site", if that's what the truth is) ;)

Quote:

---

Originally Posted by IBIFA

garden of francis - dot com

I was able to do some playing with the background color and adjusted the nowrap, but I'm at a loss what else to play with :)

Any insight would be great! (even it it's "well it just won't work for your site", if that's what the truth is) ;)

---

I have a little time freeing up later today- I will have a look at it then.