View Full Version : CSS issue with dropdown menu...

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


user: test
pass: test

11-03-2010, 08:59 AM
Your problem is this line:

.sf-menu li {
background:none repeat scroll 0 0 transparent;

which is offsetting the dropdown li. Something like:

.sf-menu li li{right:0}

should do the trick.

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

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.

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.


Used that method for centering. Thanks anyways