Placing Images Anywhere.

If you are planning on creating a web site with mostly HTML, then you might want to look at this.

<style>
.content {position:absolute; left:50%; top:XXXpx;
margin-left:XXXpx; width:XXXpx; text-align:center;
border:0px black solid; background-color:transparent;
padding:5px;}
<img src= URL TO IMAGE>
</div

I know you probably don't understand that. So, I'll explain.

The First thing you need to know:

<img src= URL TO IMAGE> <<<You need a valid image URL.
</div


The second thing you need to know:

.content {position:absolute; left:50%; top:XXXpx;
margin-left:XXXpx; width:XXXpx; text-align:center;

As you may have noticed the X's need to be changed. That is the only thing that needs to be messed with.

For the top:XXXpx; you must place a higher number to move it further down and a lower number to set it higher. If you set it to 0 it will be all the way at the top.

For the width:XXXpx; of course, a higher number makes the image wider and a lower number makes an image thinner horizontally. If you set it to 0 the image will disappear.

For the margin left:XXXpx; you must place a higher number to move it further right and a lower number to set it left. If you set it to 0 then it will be place all the way left.

________________________________________

That's about it for image placement. If you have any problems with it please let me know.