It looks wrong because you probably didn’t include the correct CSS to style your form properly.
I don’t understand what you mean. I copied the code from Listwire and pasted it in. What else do I need to do?
I dont know as I’ve never used Listwire (whatever that is).
But seeing as your form is very ugly, it lacks any form of CSS styling.
Listwire is a free and very popular autoresponder.
You are talking to me like I know what you’re talki8ng about and I don’t. That’s why I’m coming to the forum for help.
alright, maybe someone else will chime in who can explain it to you.
If you want to learn how to use CSS (and you will need to learn if you want to style that form), the following are useful resources:
CSS Tutorials
Learning CSS
css-discuss.org
I created the form in their form builder and here is the code it gave me to put in.
<center><table border="0" cellpadding="0" cellspacing="0" style="position: relative; margin: 0px; padding: 0px;">
<tr><td align="center" valign="middle">
<form action="http://www.listwire.com/form/process.php" method="post">
<input type="hidden" name="bot_action" value="form_subscribe">
<input type="hidden" name="bot_track_code" value="Siteright">
<input type="hidden" name="bot_pass_standard" value="0">
<input type="hidden" name="bot_pass_custom" value="0">
<input type="hidden" name="bot_account" value="getunstucktips">
<input type="hidden" name="bot_redirect" value="http://jimkleincoaching.com/newsletter-thankyou">
<input type="hidden" name="bot_web_form_id" value="85161">
<table width="380" border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="3" valign="middle" style="padding:0px 0px 10px 0px;"><h1 style="text-align: center;">Sign Up For My Newsletter</h1>
<h3 style="text-align: center;">Get free reports, articles, special offers, useful tips and practical suggestions for getting unstuck and creating what matters most in your life.</h3></td></tr>
<tr><td height="32" width="10%" align="left" valign="middle"> </td>
<td height="32" width="28%" align="left" valign="middle"><div style="font:bold 13px verdana, sans-serif; letter-spacing:-1px; color:#363636; margin:0px 5px 0px 0px;">Name:</div></td>
<td height="32" width="62%" align="left" valign="middle"><input type="text" style="width:85%; margin:0 auto; font:12px verdana, sans-serif; height:22px; line-height:100%; padding:4px 2px 2px 2px; border:1px solid #363636; background:#ffffff url('http://forms.listwire.com/images/form-input-bg.jpg') top left repeat-x;" name="fullname" value=""></td></tr>
<tr><td height="32" width="10%" align="left" valign="middle"> </td>
<td height="32" width="28%" align="left" valign="middle"><div style="font:bold 13px verdana, sans-serif; letter-spacing:-1px; color:#363636; margin:0px 5px 0px 0px;">Email:</div></td>
<td height="32" width="62%" align="left" valign="middle"><input type="text" style="width:85%; margin:0 auto; font:12px verdana, sans-serif; height:22px; line-height:100%; padding:4px 2px 2px 2px; border:1px solid #363636; background:#ffffff url('http://forms.listwire.com/images/form-input-bg.jpg') top left repeat-x;" name="email" value=""></td></tr>
<tr><td height="50" colspan="3" align="center" valign="middle">
<table style="border: 1px solid #363636;" cellpadding="0" cellspacing="0">
<tr style="background-color:#e8e8e8"><td height="26" style="border-top:1px solid #ffffff; border-left:1px solid #ffffff;"><input type="submit" style="overflow:auto !important; overflow:visible; width:auto !important; width:50px; margin:0px 15px 0px 15px; border:0px; background-color:#e8e8e8; font: bold 13px verdana, sans-serif; letter-spacing:-1px; color:#363636;" name="submit" value="Sign Me Up">
</td></tr></table></td></tr>
<tr><td colspan="3" valign="middle" style="padding:5px 0px 5px 0px;"><h4 style="text-align: center;">Your information will never be shared.</h4></td></tr>
</table>
</form>
</td></tr>
<tr>
<td colspan=2 valign="bottom">
<center>
<table width="100%" border="0" cellpadding="0" cellspacing="0" valign="bottom">
<tr style="background-color: #c0c0c0;"><td height="1" align="center" valign="top"></td></tr>
<tr style="background-color: #ffffff;"><td style="padding: 5px 0px 0px 0px;" height="32" align="center" valign="top">
<table width="300" border="0" cellpadding="0" cellspacing="0">
<tr style="background-color: #ffffff;"><td style="padding: 0px 0px 10px 0px;" align="center" valign="top"><a href="http://www.listwire.com/getunstucktips" title="ListWire - Free Autoresponders"><img src="http://forms.listwire.com/images/listwire-form-logo.jpg" height="32" width="128" border="0" alt="ListWire - Free Autoresponders"></a><a href="http://www.listwire.com/getunstucktips" title="ListWire - Free Autoresponders">click here for your free autoresponder</a></td></tr>
</table>
</td></tr>
</table>
</center>
</td>
</tr>
</table>
</center>
<img src="http://forms.listwire.com/img.php?xzZKuJHuc0qUqHFMWwGvA3LDIQq3yzZxq0DiSTHzqQr">
[Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been damaged by the forum’s parser.]
I thought that was what the form builder was for?
Is there another form builder I can use to integrate with Listwire
First off….If your ever going to post code, just use a site like pastebin. DO NOT post long strings of imporperly wrapped code here as its near impossible for anyone to read without any formatting.
Second, what you’ve posted above is a FORM. Thats it. The container of a form. The bare bones. It is not styled. That is all bare bones HTML code.
You need to write CSS code to style the form properly, which we have been saying in each response to you.
You can search in the repository for a Listwire plugin.
