Forum Moderators: not2easy

Message Too Old, No Replies

floating Images

         

Enzo

6:40 pm on Aug 17, 2008 (gmt 0)

10+ Year Member



Hi,
How can I put an Image on another Image .
for example an Image to be placed at the middle of another image .. And they reposition anytime user changes the resolution of his /her screen .
Thanks in advance.

D_Blackwell

8:56 pm on Aug 17, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome Enzo,

The code below meets the requirements as I understand them. However, there is not enough information in the question to know if the solution will be useful:))

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>
Center image within image; reposition with resolution.
</title>
<meta http-equiv="imagetoolbar" content="no" />
<meta name="language" content="english" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
</body>
<div style="position: relative; margin: 10% 0 0 20%;">
<img src="aaa.jpg" style="width: 100px; height: 100px;" />
<div style="position: absolute; top: 25px; left: 25px;">
<img src="ccc.png" style="width: 50px; height: 50px;" />
</div>
</div>
</body>
</html>