Grow your CSS skills. Land your dream job.

3px job in a list

  • # April 3, 2010 at 11:24 pm

    So I have a list and it’s giving me the 3px job in firefox(3.6).

    Here’s my css

    Code:
    #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…. [img]http://img43.imageshack.us/img43/442/captureyh.jpg[/img]

    # April 4, 2010 at 3:15 pm

    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/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".