Hello,
I am using Dreamweaver CS3 and I made the template in Photoshop. When I dragged the template into Dreamweaver, it became a jpeg. I want to type over the jpeg so I am using layers (AP Div) but I do not know how to lock them. Whenever I resize the browser, the layers go all over the place. Can someone please help me? I found the same question on here but I didnt understand the answer. I would really appreciate it!
I have tried positioning the layer "relative" and "absolute", neither work....
Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Happy Discount Online</title>
<style type="text/css">
<!--
}
#Home {
position:relative;
left:369px;
top:283px;
width:75px;
height:29px;
z-index:1;
}
body {
background-color: #2D0303;
}
#ContactUs {
position:relative;
left:295px;
top:297px;
width:148px;
height:33px;
z-index:2;
}
.style4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #FFCC00;
}
}
-->
</style>
</head>
<body>
<div class="style4" id="Home">
<div align="right">Home</div>
</div>
</div>
</div>
<div class="style4" id="ContactUs">
<div align="right">Contact Us</div>
</div>
<div align="center"><img src="happydiscount-1.jpg" width="1024" height="798" alt="back" /></div>
</body>
</html>
Thanks!! =)
I am using Dreamweaver CS3 and I made the template in Photoshop. When I dragged the template into Dreamweaver, it became a jpeg. I want to type over the jpeg so I am using layers (AP Div) but I do not know how to lock them. Whenever I resize the browser, the layers go all over the place. Can someone please help me? I found the same question on here but I didnt understand the answer. I would really appreciate it!
I have tried positioning the layer "relative" and "absolute", neither work....
Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Happy Discount Online</title>
<style type="text/css">
<!--
}
#Home {
position:relative;
left:369px;
top:283px;
width:75px;
height:29px;
z-index:1;
}
body {
background-color: #2D0303;
}
#ContactUs {
position:relative;
left:295px;
top:297px;
width:148px;
height:33px;
z-index:2;
}
.style4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #FFCC00;
}
}
-->
</style>
</head>
<body>
<div class="style4" id="Home">
<div align="right">Home</div>
</div>
</div>
</div>
<div class="style4" id="ContactUs">
<div align="right">Contact Us</div>
</div>
<div align="center"><img src="happydiscount-1.jpg" width="1024" height="798" alt="back" /></div>
</body>
</html>
Thanks!! =)