Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder boogily's Avatar
    Join Date
    Jul 2009
    Posts
    275
    Thanks
    18
    Thanked 4 Times in 4 Posts

    CSS issue with dropdown menu...

    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
    Joomla Development Company and MN SEO
    "Joomla development from design to SEO"

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    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.

  • #3
    Regular Coder boogily's Avatar
    Join Date
    Jul 2009
    Posts
    275
    Thanks
    18
    Thanked 4 Times in 4 Posts
    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...
    Joomla Development Company and MN SEO
    "Joomla development from design to SEO"

  • #4
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    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.

  • #5
    Regular Coder boogily's Avatar
    Join Date
    Jul 2009
    Posts
    275
    Thanks
    18
    Thanked 4 Times in 4 Posts
    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
    Joomla Development Company and MN SEO
    "Joomla development from design to SEO"


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •