...

View Full Version : CSS navagation positioning



dajohnson1s
10-28-2007, 04:51 AM
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.


<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:


.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

Fang
10-28-2007, 08:44 AM
Need to see the full document.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum