Any way to remove this space :mentalblock:

[Ntfu2]

I'm working on a nice CSS side navigation and am encountering this one small problem before i release it.

I have this huge space where the navigation would show up, see screen shot.

CSS code below


.buttonscontainer {
width: 100px;
position: relative;
left: -125px;
top: -10px;
}

.buttons a {color: #000000;
background-color: #FFFFFF;
padding: 2px;
padding-left: 3px;
display: block;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons a:hover {background-color: #FF0000;
color: #000000;
text-decoration: none;}


and HTML to start

<div class="buttonscontainer">
<div class="buttons">
<a href="/">Home</a>
<a href="/forums/search.php">Search</a>

</div>
</div>

[Freesteyelz]

I need to see how you're actually implementing the code (which template and how). My first impression would be to use "float:left;" but that may not work if you're wrapping the <div> tags with a <td> tag. If it's the other way around then the left nav will act independently from the rest of the forum; probably what you're trying to achieve.

*The use of "position:relative;" is within the container of the entire site unless you isolate it to its own container.

[Ntfu2]

I've placed the html code at the end of the navbar template on a default 3.6

ill try float:left thats what i was going to try, but for some retarded reason i did position: float when i tried it :lol: