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 4 of 4

Thread: Spacing Problem

  1. #1
    Regular Coder
    Join Date
    Mar 2006
    Posts
    187
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Spacing Problem

    If you look at the menu on the following link, you see that there is a small gap above (3 or 4 pixles) and below (1 pixel) the menu, how can i remove this?

    Also if i put the menu in like this:

    Code:
    <ul>
    <li>Menu Item</li>
    <li>Menu Item</li>
    <li>Menu Item</li>
    <li>Menu Item</li>
    <li>Menu Item</li>
    <li>Menu Item</li>
    </ul>
    i get gaps between the links, but if i put it like this its fine :-S


    Code:
    <ul>
    <li>Menu Item</li><li>Menu Item</li><li>Menu Item</li><li>Menu Item</li><li>Menu Item</li><li>Menu Item</li>
    </ul>
    This last issue, is more to do with neatness of my code.

    http://chantrybee.pwp.blueyonder.co.uk/newsite1/

    any help much appreciated

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I don't see the 1px gap below the menu. I do see the one above it though. Add this to your CSS
    Code:
    #pagehdr img {
    display:block;
    clear:both;
    }
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Regular Coder
    Join Date
    Mar 2006
    Posts
    187
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by _Aerospace_Eng_ View Post
    I don't see the 1px gap below the menu. I do see the one above it though. Add this to your CSS
    Code:
    #pagehdr img {
    display:block;
    clear:both;
    }
    it was only apparent when you hovered over the link. That code you suggested cleared the bottom gap, as well as the gap between the two background colours, however there is still a slight gap at the top when you hover over the images, but only in ff.
    Last edited by phill_ridout; 07-21-2007 at 11:10 AM.

  • #4
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    reduce the margin-top and or the padding-top ??? on the ul...


  •  

    Posting Permissions

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