need to place a block on my site's left side

you probably can do this in less than 1 min :(

[meetzah2]

hello,

I am using php-nuke and I try to place a block (with html/javascript content) on the left side of the site, under the main menu.

Here si what I use:

#container{ 
 width: 160px;
 margin: auto;
 padding-top: 300px;
 background: #f8f8f8;
}

The thing is that I want to use a negative value for padding-left to fit my design and it don't works. Also, I want the block to "float" over a picture.

Can you please give me an advice?

[templeofboom]

Typically to position text over an image, I would put the image in the background...

div#test {
 background-image: url(/images/backgroundimage.JPG);
 background-repeat: no-repeat;
 height: 500px;
 width: 380px;
}
 
<div id="test">Superimposed Text</div>

Otherwise you can put a standard img tag in a layer, and position another layer at the same (or slightly overlapping coordinates) if you want to use absolute positioning.

 <LAYER LEFT=250 TOP=500>
<IMG SRC=newjoe02.gif>
</LAYER>

<LAYER LEFT=250 TOP=500>
<IMG SRC=overtext.gif>
</LAYER>

Or the same thing without the layers, just using the absolute positioning:

<IMG SRC="newjoe03.jpg">
<DIV STYLE="position:absolute; top:250px; left:20px; width:200px; height:25px">
<CENTER><FONT SIZE="+2" COLOR="00ff00">Looking Into The Future</FONT></CENTER>
</DIV>