treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Forums

Illustration by Nick Sirotich

3px job in a list

  • hoss9009
    Permalink to comment #
    So I have a list and it's giving me the 3px job in firefox(3.6).

    Here's my css

    #top #header { background-image: url(images/header-bg.png); background-repeat: no-repeat; height: 80px; width: 972px; padding-right: 30px; }

    #top #header #logo { background-image: url(images/logo.png); height: 42px; width: 158px; background-repeat: no-repeat; text-indent: -9999px; margin-top: 14px; margin-left: 45px; float: left; }

    #top #header ul { margin-top: 25px; list-style-type: none; text-align: right; float: right; }

    #top #header ul li  { border-right-width: 1px; border-right-style: solid; text-align: center; display: inline; }

    #top #header ul li a { font-family: \"Courier New\", Courier, monospace; font-weight: bold; text-decoration: none; font-size: 18px; color: #ba1d2f; padding: 5px 15px 5px 15px; }

    #top #header ul li a:hover { color: #fff; background-color: #e1dfdb; padding: 0px 15px; }

    Here's a direct link to screenshot of it.... http://img43.imageshack.us/img43/442/captureyh.jpg
  • jamy_za
    Permalink to comment #
    Providing a link to your problem would make it much easier to debug.
    I recently did a very simple nav tutorial which should help you. http://css-plus.com/2010/03/how-to-create-a-simple-horizontal-navigation-menu-from-scratch/
Add a Comment