Forums

  • # May 28, 2008 at 8:18 am

    Hi there,

    Im a noob so ill try to keep the stupid stuff at bay :0

    I designed a site for a friend of mine, testing each time with Opera, FF and Safari. Up to now no problem. So then I tell him to check it out and my menu items, instead of being all inline are now stepped. Whats the deal with that? Can anyone provide a hack?

    Heres the site ( Im hosting it under my own host at the mo ) http://www.vincentnaughton.com

    Heres the code i have for the navigation bar

    ul#nav {
    height: 262px;
    margin: auto;
    background: url(../Images/header.png);
    list-style: none;
    float: left;
    min-width: 95%;
    }
    ul#nav li a {
    display: inline-block;
    position: relative;
    float: left;
    width: 148px;
    margin-top: 188px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    margin-left: 16px;
    }
    ul#nav li a:hover, ul#nav li a:active {
    color:#990099;

    This was all achieved thanks to chris’s tutorials the "awesome website "

    # May 29, 2008 at 9:36 pm

    Thanks Chris! But this did not solve all o my problems.

    After looking at the code and previous posts on the forum about lists etc you said "….lists automatically put a </br> tag at the end. My list looked like this:

    <li><a href……….></li>
    <li><a href……….></li>
    <li><a href……….></li>

    So i changed it to this instead:

    <li><a href……….>
    <a href……….>
    <a href……….></li>

    And it works! http://www.vincentnaughton.com

    Now just gotta put an ie only css hack in the stylesheet as it is interpreting the margin and the li items width wrong.

    Thanks for the help!

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

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag