...

View Full Version : 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:


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

which is offsetting the dropdown li. Something like:


.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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum