SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jan 2008
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    need help on horizontal navigation menu

    a horizontal navigation menu using the below give CSS code shows up good on IE 7.0 but FF adds some padding on top of the elements (I am using images for the list),

    #top_nav {
    margin: 0px 0px 5px 0px;
    width:900px;
    float: left;
    padding: 10px;
    background-color: #2D3956;
    border: 1px solid #000;
    }

    Why does it do that?

    Suggestions welcome

  2. #2
    Function Curry'er JimmyP's Avatar
    Join Date
    Aug 2007
    Location
    Brighton, UK
    Posts
    2,006
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you are using an actual list then it may just be the auto-applied properties which are affecting it... Have you specified margin and padding to zero for the list items in css? Or perhaps zero'ing everything:

    Code CSS:
    * {
        margin:0;
        padding:0;
    }
    James Padolsey
    末末末末末末末末末末末末末末末末末末末
    Awesome JavaScript Zoomer (demo here)
    'Ajaxy' - Ajax integration solution (demo here)

  3. #3
    SitePoint Enthusiast
    Join Date
    Nov 2006
    Location
    Devon UK
    Posts
    88
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There's a problem with lists looking different in IE and FF.
    You have to use hacks some times.
    It's easier to control vertical alignments and padding etc using divs for menus although not strictly ideal, sometimes it's the only way.

  4. #4
    SitePoint Member
    Join Date
    Jan 2008
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by engadven View Post
    There's a problem with lists looking different in IE and FF.
    You have to use hacks some times.
    It's easier to control vertical alignments and padding etc using divs for menus although not strictly ideal, sometimes it's the only way.
    Quote Originally Posted by JimmyPaddy View Post
    If you are using an actual list then it may just be the auto-applied properties which are affecting it... Have you specified margin and padding to zero for the list items in css? Or perhaps zero'ing everything:

    Code CSS:
    * {
        margin:0;
        padding:0;
    }
    Yes, I am specifying the margin and padding=0.

    Thanks for your help guys.


Bookmarks

Posting Permissions

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