[SOLVED] Css style won't align left
Posted: Thu Nov 04, 2004 5:08 am
I can't seem to align my css style to the left. It seems to indent the style about 15 pixels form the left.
Im a bit new to css styling so could someone please help me out it is driving me crazy.
Here is the css code:
And this is my html code for the output:
Im a bit new to css styling so could someone please help me out it is driving me crazy.
Here is the css code:
Code: Select all
#detailnavcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url(/images/navBgRoll.gif) repeat-x 10px;
font: 10px/20px "Verdana", Arial, Helvetica, sans-serif;
text-align: center;
}
#detailnavcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 100px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
border-right: 1px solid #A8B090;
}Code: Select all
<div id="detailnavcontainer">
<ul id="navlist">
<li><a href="/products/volocity/">Volocity</a></li>
<li><a href="/products/volocity/visualization/">Visualization</a></li>
<li><a href="/products/volocity/classification/">Classification</a></li>
<li><a href="/products/volocity/restoration/">Restoration</a></li>
<li><a href="/products/volocity/acquisition/">Acquisition</a></li>
<li><a href="/products/volocity/3dm/">3DM</a></li>
<li><a href="/products/volocity/volocity_le/">Volocity LE</a></li>
</ul>
</div>