CSS Dropdown menu for the header- With Categories!

Quote:

---

Originally Posted by first trading

It looks like you simply don't have a colour on one of your :hover styles in the stylesheet.

If you download firefox and firebug you can see exactly what is what and it saves you so much time.

Forgot to add......................and web developers tool kit.

---

Hello, FASTTRADING:

Thank you for your reply. But I still don;t know how to do it. I don't knowabout fixfox and firebug.....

How can I edit the stylesheet so that a red color shows up when I hover over lever 2 or 3?

All good .. no problems .. rechecked files and had forgotten one and voila working. Now just gotta figure out how to style it.

Quote:

---

Originally Posted by lina0962

Hello, FASTTRADING:

Thank you for your reply. But I still don;t know how to do it. I don't knowabout fixfox and firebug.....

How can I edit the stylesheet so that a red color shows up when I hover over lever 2 or 3?

---

Find this in your header stylesheet:

div#dropMenu ul.level1 a:hover

and add this to it:

background-color: #ff0000;

I think that is the element for that hover, if not let me know. I've altered mine so much i can't just simply compare any more so you'll have to bear with me.

Quote:

---

Originally Posted by wotnow

Hi just finished uploading your module and now my whole site from the header down has disappeared and I am havn a little freak out. Hope you can help .. thanks

Site is: http://www.rosedakinjewellery.com.au...products_id=40

---

Its not my module, i am however trying to get a version of it working. A few posts up someone asked for a wider categories with epanded menu tree that could be styled. I'm trying to get a dynamic version of that working.

Quote:

---

Originally Posted by first trading

Find this in your header stylesheet:

div#dropMenu ul.level1 a:hover

and add this to it:

background-color: #ff0000;

I think that is the element for that hover, if not let me know. I've altered mine so much i can't just simply compare any more so you'll have to bear with me.

---

Fasttrading:

I put the code there. No luck......

I saw some other people's websites. They put the font color of the first level as white, and it change to some other color when they hover over level 2 or 3. How do they achive that?

Quote:

---

Originally Posted by lina0962

Fasttrading:

I put the code there. No luck......

I saw some other people's websites. They put the font color of the first level as white, and it change to some other color when they hover over level 2 or 3. How do they achive that?

---

Ok, i have it for you. This first one sets the colour for background on the top horizontal menu:

div#dropMenu li:hover {
display: block;
background-color: #ff0000;
}

This one sets the colour of the text on the top level horizontal:

div#dropMenu ul.level1 a:hover {
color: #ffffff;
}

And this one sets the text colour of the drop down:

div#dropMenu ul.level2 a:hover {
color: #000000;
}

Adjust colours to suit.

Quote:

---

Originally Posted by JGraphics

Hello,
I would love to have this CSS drop down menu open up to a larger selection option of sub-categories when you hover over a main category. I have included a "screen shot" of what I'm trying to achieve. Any help on this would be greatly appreciated. The site I took the screen shot from sells safety supplies. You can see I was hovering over "Personal Protection" and a very large subcategory popped up and offered quite a few subcategories. The sub category links are simple text links.

---

After tinkering for hours i discovered how to have a fully expanded category tree on the drop down. All css, no category generator(s).

Now you can hover over the level 1, the drop down......err, drops down and you now have a category menu with all of the categories, sub categories and their sub categories expanded.

I'll provide a link to a test site of mine with this working for anyone interested, please remember i have'nt started to style this yet but i will update when i have.

www.gearsofwargear.com

Hi have installed this great module but for some reason the last link .. shopping cart is sitting up 1 px from the rest of the menu .. any ideas as to why? Thanks

Site is:http://www.rosedakinjewellery.com.au...products_id=30

Hey all,

Love this addon, and I've got a pretty good grip on how to mod it to my liking, however I'm having one slight problem that I'd like to fix if possible.

When you highlight a Top Level Categiry in the Drop down menu, and the submenus appear, you can set it so that a different color appears using :hover

I want to make it so that the Top Level Category color remains the same as it is when you hover over it, while that specific drop down submenu is open.

Hopefully I explained that well enough,
Any questions to help clear what I'm looking for up, let me know.

Appreciate any and all ideas for this.

Cheers,
Ravyn

Quote:

---

Originally Posted by Ravyn

Hey all,

Love this addon, and I've got a pretty good grip on how to mod it to my liking, however I'm having one slight problem that I'd like to fix if possible.

When you highlight a Top Level Categiry in the Drop down menu, and the submenus appear, you can set it so that a different color appears using :hover

I want to make it so that the Top Level Category color remains the same as it is when you hover over it, while that specific drop down submenu is open.

Hopefully I explained that well enough,
Any questions to help clear what I'm looking for up, let me know.

Appreciate any and all ideas for this.

Cheers,
Ravyn

---

Find this in your stylesheet:

div#dropMenu li:hover {background-color: #ff0000;}

Change the colour to suit.