CSS Dropdown menu for the header- With Categories!

[Get Em Fast]

Soniccc, I'm pretty covered up right now, so if you don't find a solution I'll try to help you on it, but it will probably be a few days.

[Get Em Fast]

petronew, after looking at your site, I take it you've got your problem resolved?

[Soniccc]

Soniccc, I'm pretty covered up right now, so if you don't find a solution I'll try to help you on it, but it will probably be a few days.

Appreciate it! I'll see what I come up with. Thanks.

[gjh42]

IE7, while much better than IE6, still has a bunch of CSS bugs and unsupported properties. Things that can be handled in all modern browsers with one line in a stylesheet will require some javascript or other special handling to accomplish in older IEs.

Google for a generic description of the issue you have, and it is likely that someone has an answer for it.

[Get Em Fast]

Appreciate it! I'll see what I come up with. Thanks.

Soniccc,

Hey...........I'm still covered up, but in the mean time, maybe I can point you in the right direction, anyway...........

In your stylesheet_categories_menu.css, you can change the background of each LEVEL by editing:

div#dropMenu ul.level2 {background: red;}
div#dropMenu ul.level3 {background: green;}
div#dropMenu ul.level4 {background: blue;}
div#dropMenu ul.level5 {background: yellow;}

and so on.

Now, keep in mind that these are the UL containers, and the LI's and A's reside on top of these, so you may have to make all your LI's and A's have transparent backgrounds in order to see the UL's background(s)..............make sense?


..........anyway.............back to the Rat Race.............Just though I'd drop in for a sec. Hope this helps you some, anyway, soniccc.



EDIT: Well, okay................for some stupid reason, I just now realized that you had it all worked out except for IE7...........so you already know everything I told you above...............

Hmmmmmmm.............IE7, huh? I've never had too much trouble getting this menu styled in any browser................IE6 always seemed to be the culprit.............not IE7.
Have you tried the IE Stylesheets, I suppose?

You got a URL for us?

[Soniccc]

Yup, I've tried the IE stylesheets, but I'm probably configuring something wrong. It doesn't look horrible, but it just doesn't look good either. I don't know if it's worth spending the time trying to correct it (although I would love to). I just had a look at this: http://www.w3counter.com/globalstats.php. If the stats are correct, more than 50% of browsers are other then IE and only 8.5% accounts for ie7. Maybe those users should be left alone enjoying the full privilege of the great (dis)benefits this browser brings to it's users..

Thanks to both of you for looking at it

[gjh42]

That would be my take on it. As long as it functions correctly, unless your customer population is skewed to old browsers, I wouldn't worry about making IE7 look perfect.
Now just waiting until we can say the same about IE8, so CSS3 goodies can be widely used without tripling the work to backport their effects to older IE...

[Rich219]

I want to increase the height of my nav bar, how do I do this?

[Rich219]

Also, how do I change the text in the header bar, I want to change "categories" to "products".

Last question,

What file do I use to change the color of the drop down menus?

[aly22]

@Rich219 - I think the answer you want is in stylesheet_header_menu.css


div#dropMenu li {
position:relative;
list-style:none;
margin:0;
float:left;
line-height:1em;
width:14.167%;
*width:14.149%;
}