ehopkins
asked on
Overlapping Images
Anyone know how to overlap one graphic onto a portion of another graphic? Would this entail dhtml or css? I would really appreciate the code. Thanks!
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
please try this one:
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
<!--
.img{ position:absolute;
top:10
left:10
}
-->
}
-->
</style>
</head>
<body>
<img src="image-01"><div class="image"><img src="image-02.gif" </div>
</body>
</html>
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
<!--
.img{ position:absolute;
top:10
left:10
}
-->
}
-->
</style>
</head>
<body>
<img src="image-01"><div class="image"><img src="image-02.gif" </div>
</body>
</html>
image-02 will at the absolute position which is 10 pix from top and left of the screen Overlap the image-01.
you can change any parameters which defined in<style>...
try?
have a nice weekend!
Hualing
you can change any parameters which defined in<style>...
try?
have a nice weekend!
Hualing
Sorry i must correct some errors :
try this:
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
<!--
.img{ position:absolute;
top:10 ;
left:10 ;
}
-->
}
-->
</style>
</head>
<body>
<img src="image-01"><div class="img"><img src="image-02.gif"></div>
</body>
</html>
try this:
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
<!--
.img{ position:absolute;
top:10 ;
left:10 ;
}
-->
}
-->
</style>
</head>
<body>
<img src="image-01"><div class="img"><img src="image-02.gif"></div>
</body>
</html>
ASKER