Jump to content

displaced overlay image


alsharqi

Recommended Posts

Hi team,

i am tried to overlay a shadow over my image using the expandable feature as appeared down in my code, the overlaying shadow displaced when resize the page. is it possible to stick overlay with the edge of image. also the second shadow is supposed to be directly down the image as shown in original.jpg but it is not. i am using adobe dreamweaver.

 

my code:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Akitu</title>
	<link rel="stylesheet" href="Akitu.css">
</head>
  <meta name="viewport" content="width=device-width, initial-scale=0">
  <meta name="template" content="Expandable 3.0.0">
  
	
<body>
	<table border="0" width="100%">
	<div class="header_container" width="100%">
	
		<tr>
		<td>	<div class="header" style="position: absolute; z-index: 1; top: 80%" id="layer1">
		<img src="shadow.png" width="100%">
			</div>
		<header class="header"><img src="Layer_14.png" width="100%" style="position: relative"></header></td>
	</div>
		</tr>
		<tr>
		<td>
			
			
		
	<body><img src="shadow_copy.png" width="100%"></body>
		</td>
		</tr>
		</table>
	
	
	
</body>
</html>

sorry i am still a beginner in scripting

fulscr.jpg

original.jpg

restored down.jpg

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...