Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Sep 2007
    Posts
    241
    Thanks
    6
    Thanked 0 Times in 0 Posts

    CSS navagation positioning

    I am wanting to take an exsisting CSS Navigation menu and modify it slightly.
    Really all I would like to do is move the initial link over. My entire page is 720 and a section of this is 210...I would like to make the Nav bar begin at 210.

    Code:
    <ul class="solidblockmenu">
    <li><a href="index.html" class="current">Home</a></li>
    <li><a href="direction.html">Directions</a></li>
    <li><a href="aboutus.html">Our Firm</a></li>
    <li><a href="contactus.html">Contact Us</a></li>
    <li><a href="sitemap.html">Site Map</a></li>
    
    </ul>
    CSS:
    Code:
    .solidblockmenu{
    margin: 0;
    padding: 0;
    float: left;
    font: bold 13px Arial;
    width: 100%;
    border: 1px solid #625e00;
    border-width: 1px 0;
    background: black url(media/blockdefault.gif) center center repeat-x;
    }
    
    .solidblockmenu li{
    display: inline;
    }
    
    .solidblockmenu li a{
    float: left;
    color: white;
    padding: 1px 11px;
    text-decoration: none;
    border-right: 1px solid white;
    }
    
    .solidblockmenu li a:visited{
    color: white;
    }
    
    .solidblockmenu li a:hover, .solidblockmenu li .current{
    color: white;
    background: transparent url(media/blockactive.gif) center center repeat-x;
    }
    
    p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
    padding-top: 1em;
    }
    I believe this has something to do with float, but the more I research, the more confused I become.

    What I would like to do is demonstrated here:http://probe8.com/sandbox/nav-horizontal-3.html#

    Any pointers and assistance would be very much apprieciated.

    Thanks
    Daniel

  • #2
    Regular Coder
    Join Date
    Jun 2004
    Posts
    495
    Thanks
    0
    Thanked 82 Times in 80 Posts
    Need to see the full document.


  •  

    Posting Permissions

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