Opt-In Form Too Stretched out
Posted 15th July 2009 at 12:17 PM by Emrick
I am in the middle of putting my optin with code is teh following (minus private info)
and it takes teh full width of my page!
I noticed that it does that with in the context of my page. Is there a command I should be using? Any advice? Thanks!
----------
<form accept-charset="utf-8" action="http://www.getresponse.com/cgi-bin/add.cgi" style="width: 250px; font-family: verdana; background-color: #ffffff; margin: 5px;">
<div id="webform_title" style="padding: 7px 20px 7px 20px; font-size: 21px; color: #ffffff; background-color: #278DE2; border: 1px solid #278DE2;">Yes! Send It To Me!</div><div style="font-family: tahoma; border: 1px solid #DEDEDE;"><div style="font-size: 12px; color: #4C4B4B; padding: 16px; padding-bottom: 12px;"></div><hr style="height: 1px; border: 0; background-color: #F0F0F0; color: #F0F0F0; margin: 0 20px 0 20px;"/><ul id="fields" style="list-style: none; margin: 0; font-size: 12px; color: #7B7B7B; padding: 15px 30px 15px 30px;"><li id="subscriber_name-field" style="padding: 4px 0 5px 0; margin: 0; background: none; width: 100%;"><label style="float: left;" for="subscriber_name">Name :</label><input style="float: right; border: 1px solid #AEB186; width: 140px;" id="subscriber_name" name="subscriber_name" type="text" value=""/><div style="clear: both;"/></li><li id="subscriber_email-field" style="padding: 4px 0 5px 0; margin: 0; background: none; width: 100%;"><label style="float: left;" for="subscriber_email">Email :</label><input style="float: right; border: 1px solid #AEB186; width: 140px;" id="subscriber_email" name="subscriber_email" type="text" value=""/><div style="clear: both;"/></li></ul><ul style="list-style: none; margin: 0; font-size: 12px; color: #7B7B7B; padding: 15px 30px 15px 30px; text-align: center;"></ul><input type="hidden" name="confirmation_url" id="confirmation_url" value=""/><input type="hidden" name="error_url" id="error_url" value=""/><input type="hidden" name="campaign_name" id="campaign_name" value="bestxxx"/><input type="hidden" name="custom_ref" id="custom_ref" value=""/><hr style="height: 1px; border: 0; background-color: #F0F0F0; color: #F0F0F0; margin: 0 20px 0 20px;"/><div style="text-align: center; padding-bottom: 18px; padding-top: 10px"><input id="webform_submit" style="cursor: hand; font-family: verdana; font-size: 18px; color: #FFFFFF; background-image: url(http://www.getresponse.com/images/co...y_button.png); border: 0; width: 140px; height: 33px;" type="submit" style="margin: 10px;" value="Send It Now!"/><div style="margin-top: 10px;"><strong>0</strong> contacts already!</div><div style="color: #0000ff; margin-top: 10px;">Powered by GetResponse</div></div></div></form>
and it takes teh full width of my page!
I noticed that it does that with in the context of my page. Is there a command I should be using? Any advice? Thanks!
----------
<form accept-charset="utf-8" action="http://www.getresponse.com/cgi-bin/add.cgi" style="width: 250px; font-family: verdana; background-color: #ffffff; margin: 5px;">
<div id="webform_title" style="padding: 7px 20px 7px 20px; font-size: 21px; color: #ffffff; background-color: #278DE2; border: 1px solid #278DE2;">Yes! Send It To Me!</div><div style="font-family: tahoma; border: 1px solid #DEDEDE;"><div style="font-size: 12px; color: #4C4B4B; padding: 16px; padding-bottom: 12px;"></div><hr style="height: 1px; border: 0; background-color: #F0F0F0; color: #F0F0F0; margin: 0 20px 0 20px;"/><ul id="fields" style="list-style: none; margin: 0; font-size: 12px; color: #7B7B7B; padding: 15px 30px 15px 30px;"><li id="subscriber_name-field" style="padding: 4px 0 5px 0; margin: 0; background: none; width: 100%;"><label style="float: left;" for="subscriber_name">Name :</label><input style="float: right; border: 1px solid #AEB186; width: 140px;" id="subscriber_name" name="subscriber_name" type="text" value=""/><div style="clear: both;"/></li><li id="subscriber_email-field" style="padding: 4px 0 5px 0; margin: 0; background: none; width: 100%;"><label style="float: left;" for="subscriber_email">Email :</label><input style="float: right; border: 1px solid #AEB186; width: 140px;" id="subscriber_email" name="subscriber_email" type="text" value=""/><div style="clear: both;"/></li></ul><ul style="list-style: none; margin: 0; font-size: 12px; color: #7B7B7B; padding: 15px 30px 15px 30px; text-align: center;"></ul><input type="hidden" name="confirmation_url" id="confirmation_url" value=""/><input type="hidden" name="error_url" id="error_url" value=""/><input type="hidden" name="campaign_name" id="campaign_name" value="bestxxx"/><input type="hidden" name="custom_ref" id="custom_ref" value=""/><hr style="height: 1px; border: 0; background-color: #F0F0F0; color: #F0F0F0; margin: 0 20px 0 20px;"/><div style="text-align: center; padding-bottom: 18px; padding-top: 10px"><input id="webform_submit" style="cursor: hand; font-family: verdana; font-size: 18px; color: #FFFFFF; background-image: url(http://www.getresponse.com/images/co...y_button.png); border: 0; width: 140px; height: 33px;" type="submit" style="margin: 10px;" value="Send It Now!"/><div style="margin-top: 10px;"><strong>0</strong> contacts already!</div><div style="color: #0000ff; margin-top: 10px;">Powered by GetResponse</div></div></div></form>
Total Comments 1
Comments
-
I recreated your form using your code and it worked just fine.Posted 21st July 2009 at 11:10 PM by cricket_guy


