PDA

View Full Version : Placing images on top


jamiew23
06-02-2009, 05:05 PM
I have image which i want to place another image on top of. How would i do this?

I want the image to stay in the same place on any screen resolution too so that it doesn't move around.

The picture here: http://img220.imageshack.us/img220/8030/demom.jpg

shows what I have so far. The grey shape is made from 3 different images. The red box shows where I want the new image to go.

This is my code so far:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
</head>
<style type="text/css">
.box{

width: 990px;
}
</style>
<body>
<center>
<div class="box" align="left">
<center>
<div class="box1" align="left">
<p>&nbsp;</p>
<p><img src="images/top.png" alt="" width="990" height="126" hspace="0" vspace="0" border="0" /><img src="images/middle.png" alt="" width="990" height="309" hspace="0" vspace="0" border="0" /><img src="images/bottom.png" width="990" height="83" /></p>

</div>
</center>
</div></center>
</body>
</html>

coloeagle
06-02-2009, 06:50 PM
Having the images stay in one place. Just have your main container div be a fixed width.

If the red box is set as a div with the width setting equal to the images then the images will automatically fall below each other and stack.

jamiew23
06-02-2009, 07:07 PM
what? :S please explain

jamiew23
06-03-2009, 07:55 AM
its okay i've sorted it now I used div tags