CSS Tweak.........

Discussion in 'HTML & Website Design' started by bigkee42, Jan 5, 2010.

0
  1. #1
    I wanted to find out if someone could help me with my HTML......I've been trying for the last 2 hours to get the GetResponse code to stay embedded into the background image. When I minimize the page the GetResponse fields do not stay in the same spot on the background. I think it has something to do with CSS, but I am clueless about that. Any assistance will be greatly appreciated. 

    <!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>Untitled Document</title>
<style type="text/css">
body {
	background-color: #666;
	background-image: url(background.png);
	background-repeat: no-repeat;
	background-position:center;
}
p {
	font-family: "Times New Roman", Times, serif;
}
p {
	font-size: 14pt;
}
p {
	font-weight: bold;
}
p {
	font-style: italic;
	font-size: 16pt;
}

#apDiv1 {
	position:relative;
	width:255px;
	height:240px;
	z-index:5;
	left: 696px;
	top: 204px;
	visibility: visible;
}
</style></head>

</div>
<div id="apDiv1"><form action="http://www.getresponse.com/cgi-bin/add.cgi" method="post" accept-charset="UTF-8">
  <p align="center">Complete For More Information! </p>
  <p>
    <label for="subscriber_name">Name :</label>

    <input name="subscriber_name" type="text" id="subscriber_name" value="" size="30" maxlength="50" />
  </p>
  <p>
    <label for="subscriber_email">Email :</label>
    <input name="subscriber_email" type="text" id="subscriber_email" value="" size="30" maxlength="50" />
  </p>
  <p>
    <input type="hidden" name="error_url" id="error_url" value=""/>

    <input type="hidden" name="confirmation_url" id="confirmation_url" value=""/>
    <input type="hidden" name="confirmation_url2" id="confirmation_url2" value=""/>
    <input type="hidden" name="error_url3" id="error_url3" value=""/>
    <input type="hidden" name="confirmation_url4" id="confirmation_url5" value=""/>
    <input type="hidden" name="confirmation_url5" id="confirmation_url6" value=""/>
    <input type="hidden" name="confirmation_url5" id="confirmation_url7" value=""/>
    <input type="hidden" name="error_url4" id="error_url4" value=""/>
    <input type="hidden" name="confirmation_url6" id="confirmation_url8" value=""/>
    <input type="hidden" name="confirmation_url7" id="confirmation_url9" value=""/>

    <input type="submit" name="custom_submit" id="custom_submit" />
    <input type="hidden" name="error_url2" id="error_url2" value=""/>
    <input type="hidden" name="confirmation_url3" id="confirmation_url3" value=""/>
    <input type="hidden" name="confirmation_url3" id="confirmation_url4" value=""/>
  
    <input type="hidden" name="confirmation_url8" id="confirmation_url10" value=""/>
    <input type="hidden" name="confirmation_url8" id="confirmation_url11" value=""/>
    <input type="hidden" name="error_url5" id="error_url5" value=""/>
    <input type="hidden" name="confirmation_url8" id="confirmation_url12" value=""/>
    <input type="hidden" name="confirmation_url8" id="confirmation_url13" value=""/>

    <input type="hidden" name="confirmation_url8" id="confirmation_url14" value=""/>
    <input type="hidden" name="error_url5" id="error_url6" value=""/>
    <input type="hidden" name="confirmation_url8" id="confirmation_url15" value=""/>
    <input type="hidden" name="confirmation_url8" id="confirmation_url16" value=""/>
  </p>
</form><script type="text/javascript">var el=document.getElementById("custom_http_referer");if(el != null){el.value = document.location};</script></div>
<br />
<br />
<br />
<br />
<br />

<br />
<p align="">
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p></body>
</html>
    HTML:
     
    bigkee42, Jan 5, 2010 IP