Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Need help on creating links for the top navigation

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #27520
    cookie053177
    Member

    Sorry about my previous post, I recoded it and now it looks pretty simple.

    this is the css:

    Code:
    * {
    margin: 0;
    padding: 0;
    }

    p{
    display: block;
    position: relative;
    z-index: 1;

    font-size: 0.75em;
    }

    body{
    text-decoration: none;
    color: #333333;
    background: url(images/bg.png) repeat-x top;
    background-color: #f4f3f3;
    font: normal 100% “Lucida Grande”, Lucida, Verdana, sans-serif;
    }

    div#page-wrap{
    width: 1000px;
    margin: 0 auto;
    z-index: 1;
    }

    .clear{
    clear: both;
    }

    ul#nav{
    position: relative;
    width: 960px;
    height: 1020px;
    background: url(images/index.png) no-repeat;
    }

    ul#nav li{
    display: inline;
    }

    ul#nav li a{
    display: block;
    width: 45px;
    margin-top: 295px;
    margin-left: 115px;
    float: left;
    font-size: 1.5em;
    text-decoration: none;
    color: #333333;
    }

    ul#nav li a:hover, ul#nav li a:active{
    color: #b5121b;
    }

    and this is the HTML:

    Code:



    Marksman Marketing

    Sorry Im a css newbie but I couldn’t figure out why it is not working well on IE? Referring to Contact Us and About Us above, on the red box.
    the link is http://mm.strangeorange.com/trial

    And here is the original file of it: http://dl.dropbox.com/u/576716/temp/hsiangs_vsample.zip

    I haven’t put contact us and about us on top right of the website(two red box)
    I afraid I might broke the code. :?

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.