CSS Dropdown menu for the header- With Categories!

Hello. The contribution is very much needed and appreciated. I have searched the knowledgebase and details of all php programs and came up short

I am using version 3.9 I have looked in the faq with no resolve

I have a new website i have incorporated the contribution to called http://www.uniformdesignz.com

the problem i am experiencing is i can not have multiple rows without an error and the tabs repeating 2x

if i copy the html for the home page into sharepoint editor I have to add a <br <class=clearboth>> to get the second and third row to show properly and i can not find the proper php program to add that code to

Maybe you know a different way to accomplish this

it seems that when the 7th tab is generated that it loses its control to show multi row menu tabs

Any assist would be appreciated.

Is it possible to individually style each drop down menu in IE7 I've managed to come up with a solution in ff, IE8 & Chrome which I posted here a couple of months ago.

Thanks

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.

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

Quote:

---

Originally Posted by 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.

---

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

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.

Quote:

---

Originally Posted by Soniccc

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?

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

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...

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