Can't get rid of spacing in Navigation

Discussion in 'Web Design and Development' started by geekindisguise, Jun 30, 2009.

  1. geekindisguise macrumors 6502

    geekindisguise

    Joined:
    Jul 22, 2008
    Location:
    Oklahoma
    #1
    I am trying to make Apple like Navigation but there is a spacing in between each LI. I set the UL, the LI, the Anchors all to margin and padding = 0. But nothing happens. I don't know what could be creating the spacing. The pages are made dynamically with Wordpress so I can't set CSS for each link.

    Also the color background for the main content is just there to let me see where it is. I definitely not keep it like that.

    http://jacobwilmoth.com/users/example_wordpress/
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    When using inline elements, there will be a space between items. If you do,
    HTML:
    </li><li ...
    when using display:inline it will remove that gap. Not ideal though.
     
  3. geekindisguise thread starter macrumors 6502

    geekindisguise

    Joined:
    Jul 22, 2008
    Location:
    Oklahoma
    #3
    That did work, but because it is using Wordpress to make the pages I can't actually tell it what to do.
     
  4. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #4
    Well you can float the li tags left and it will also remove the gap, but you'll likely need to tweak other CSS as well.
     

Share This Page