CSS Dropdown menu for the header- With Categories!

How can I apply the dropmenu.gif to only the top row "home - information - contact us. . ."

I can apply it but then it shows for all the subs too. I don't understand the ULs and LIs so well.

Thank you.
John

Hello,

I have installed this mod on a couple of customer sites with great success. For the particular site I am working on, I need to change the normal solid background of the topmenu <li> items to an image. I have been able to do this and set the ":hover" background image for <li> that have a submenu with success, but I can't figure out how to change the background image for top menu <li> items that don't have a submenu.

Also, I can't figure out what to change in the CSS to vertical align=bottom on he topmenu item titles.

Any help would be appreviated.

The site is here:
http://importdepot.ca/store

The CSS is here:
http://importdepot.ca/store/includes...eader_menu.css

The problem top menu titles are: "Nouveautés", "Nous joindre" and "Comment acheter".

Thanks!

Okay. Not sure if this is right or not but I have it working (only tested in firefox so far).

in tpl_drop_menu.php I changed the <li> for the shopping cart and contact us to <li class="topNoSub"> and then in my style sheet I did this

Code:

---

div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;}
div#dropMenu li.topNoSub {background: url(../images/dropmenu.gif) 95% 50% no-repeat;}

---

I'm not saying that this is perfect but it's working.

Thanks,
John

Quote:

---

Originally Posted by jettrue

Open up includes/templates/YOUR_TEMPLATE/common/tpl_header.php and remove everything from:

<!--bof-navigation display-->

to:

<!--eof-navigation display-->

---

got it fixed... not until i removed the code you mentioned plus a couple of <div>

thank you so much!!!:clap:

Quote:

---

Originally Posted by jettrue

Change ALL <br class="clearBoth" /> to <div class="clearBoth"></div>

and then CHANGE the current .clearBoth in stylesheet.css to this:

Code:

---

.clearBoth {
        clear:both;
        height:0;
        font-size:0;
        line-height:0;
        margin:0;
        padding:0;
        }

---

---

Thank you for your suggestion jettrue, but it haven't fix it yet, the problem still occur in IE browser, and then if I change the "br class" to "div class" there is another problem which impact the background of the currency and language header as you can see in this image Attachment 3730

Quote:

---

Originally Posted by fireolg

Thank you for your suggestion jettrue, but it haven't fix it yet, the problem still occur in IE browser, and then if I change the "br class" to "div class" there is another problem which impact the background of the currency and language header as you can see in this image Attachment 3730

---

In IE, choose "View Source" and then paste for me what you see from the header section.

Hy there

This is just what I was looking for - awesome :)
But I stil have 2 problems with this menu :(
URL is www.pahuljica.hr

1. IE doesnt look so good - it ads an empty space above menu that looks bad, you can see it at www.pahuljica.hr

2. When I click to expand image (link - larger image) on product page the menu doesnt go 'to the background' - It stays over image and I cannot solve this bug for few days already... this is direct link to one product but it happens to any of them: http://www.pahuljica.hr/index.php?ma...&products_id=4
just click on the image or on the text 'larger image'

tnx in advance...

on the end sorry for bad english :)

Quote:

---

Originally Posted by tomy77986

Hy there

This is just what I was looking for - awesome :)
But I stil have 2 problems with this menu :(
URL is www.pahuljica.hr

1. IE doesnt look so good - it ads an empty space above menu that looks bad, you can see it at www.pahuljica.hr

2. When I click to expand image (link - larger image) on product page the menu doesnt go 'to the background' - It stays over image and I cannot solve this bug for few days already... this is direct link to one product but it happens to any of them: http://www.pahuljica.hr/index.php?ma...&products_id=4
just click on the image or on the text 'larger image'

tnx in advance...

on the end sorry for bad english :)

---

1. Follow my instructions here:

http://www.zen-cart.com/forum/showpo...&postcount=919

2. That's due to your lightbox mod. Follow the instructions here:

http://www.zen-cart.com/forum/showpo...&postcount=885

Quote:

---

Originally Posted by jettrue

In IE, choose "View Source" and then paste for me what you see from the header section.

---

thank you, but I has fixed it by changing the width of the main wrapper and logo wrapper.

thank you for your help and attentions

Hello,

I have installed this mod on a couple of customer sites with great success. For the particular site I am working on, I need to change the normal solid background of the topmenu <li> items to an image. I have been able to do this and set the ":hover" background image for <li> that have a submenu with success, but I can't figure out how to change the background image for top menu <li> items that don't have a submenu.

Also, I can't figure out what to change in the CSS to vertical align=bottom on he topmenu item titles.

Any help would be appreviated.

The site is here:
http://importdepot.ca/store

The CSS is here:
http://importdepot.ca/store/includes...eader_menu.css

The problem top menu titles are: "Nouveautés", "Nous joindre" and "Comment acheter".

Thanks!