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/templates/id1/css/stylesheet_header_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

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

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:

jettrue:

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

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

.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

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 https://www.pahuljica.hr

1. IE doesnt look so good - it ads an empty space above menu that looks bad, you can see it at https://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?main_page=product_info&cPath=12_13&products_id=4
   just click on the image or on the text 'larger image'

tnx in advance...

on the end sorry for bad english :)

tomy77986:

Hy there

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

1. IE doesnt look so good - it ads an empty space above menu that looks bad, you can see it at https://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?main_page=product_info&cPath=12_13&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/showpost.php?p=535847&postcount=919

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

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

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!

nuroweb:

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!
Sorry, I don't have any advice for that.

I've my ez pages title into 2 languages: italian and english.
But in my website https://www.100asa.it in the manu the ex pages have only the italian language title
Solutions?

100asa:

I've my ez pages title into 2 languages: italian and english.
But in my website https://www.100asa.it in the manu the ex pages have only the italian language title
Solutions?
Hmm, you should ask this in the general forum, I've never dealt with multiple languages. But realize that zen cart won't automatically translate words for you, so if you didn't define the english equivalent somehow, there's no way for zen cart to know what it is supposed to be. Anyway, I'd ask in the general forum, perhaps someone will have the answer.

jettrue:

Sorry, I don't have any advice for that.

Thanks for your help anyways!

I have been able to find a solution. I had to play around with the height and top-padding values of the top-level li. The buttons were 45px high. I set height=25px and top-padding at 20px. Works in FF2 and IE7.

Hi
i have implemented this into my shop and its great but i have a problem its thrown in the zen cart logo and tag line here text, heres my site;

https://www.canvas-style-art.co.uk

how do i get rid of them from the header, i also want to get rid of the home login and serch text at the to, any ideas would be very good,

cheers

egg

eggrush:

Hi
i have implemented this into my shop and its great but i have a problem its thrown in the zen cart logo and tag line here text, heres my site;

https://www.canvas-style-art.co.uk

how do i get rid of them from the header, i also want to get rid of the home login and serch text at the to, any ideas would be very good,

cheers

egg

Well, setting your background as a background image is certainly one way to do it, though the more traditional way is to upload your logo to includes/templates/YOUR_TEMPLATE/images/logo.gif, then it overwrites the zen cart image.

Anyway, you can remove the logo and tagline from includes/templates/YOUR_TEMPLATE/common/tpl_header.php

hi and tkanks for the reply, i am still a bit new to this , can you point me in the right direction as to which code to take out!

cheers

egg:oops:

ahhhhh! ok i work on a mac and i just switched on my pc and found that the categories tab in internet explorer on vista when opened out to reveal the sub cats is going behind the flash swf. file i have on my home page, not good, anyone know how to flip it so its the other way around???

https://www.canvas-style-art.co.uk

egg:frusty:

I've installed the CSS dropdown menu and it appears on my site but everything that should be below the header (content) is gone. I've seen a few other posts on this but I don't seem to have the same problem. Any help is greatly appreciated.
http://www.flowsolutions1.com

nevermind, it magically fixed it self :huh::blink: