CSS issue with dropdown menu...

boogily · 11-03-2010, 05:56 AM

I am creating / customizing a dropdown menu. I have one issue. The drop down parts don't line up correctly. I am using Joomla. I just can't see where in the css to get the child ULs to line up directly underneath the parent. Any help would be awesome

http://www.becompleteamerica.com/

user: test
pass: test

SB65 · 11-03-2010, 08:59 AM

Your problem is this line:

Code:

.sf-menu li {
background:none repeat scroll 0 0 transparent;
right:50%;
}

which is offsetting the dropdown li. Something like:

Code:

.sf-menu li li{right:0}

should do the trick.

boogily · 11-03-2010, 03:27 PM

Thanks for the help. Unfortunately, I have to use an unordered list style menu for this, and I need it centered. I used the left and right 50% trick to center it since they need left floats to be a horizontal list.

Unless you know of any other tricks...

SB65 · 11-03-2010, 04:06 PM

Yes, but you only need that for your top level lis, I think, so the code I posted should be fine as it only affects the second level lis.

boogily · 11-03-2010, 04:30 PM

I kind of redid most of my CSS, and actually display table on the container worked out well for me.

http://www.cssplay.co.uk/menus/centered2.html

Used that method for centering. Thanks anyways