5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

Sidebar Opt-in Form not displaying correctly

by Theory5
4 replies
  • WEB DESIGN
    • |
I recently got a new theme and I am having trouble with a few things. Namely making the autoresponder opt-in thing look correct.
its supposed to look normal, with a centered "sign in" button but instead it looks like this: PC Jargon (look in the sidebar)

here is the autoresponder code

Code:
<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="002">
<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="pcjargon">
<input type="hidden" name="bot_redirect" value="http://pcjargon.net/thank-you/">
<input type="hidden" name="bot_web_form_id" value="11886">
<table width="380" border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="3" align="center" valign="middle" style="padding:0px 0px 10px 0px;"><p>Get The Latest Info, Best Tips and Tricks With the PC Jargon Newsletter, Right In*Your Inbox!</p></td></tr>
<tr><td height="32" width="10%" align="left" valign="middle">*</td>
<td height="32" width="17%" 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="73%" 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="17%" 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="73%" 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 width="92" 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 Up">
</td></tr></table></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/pcjargon" target="_lw" 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><br><a onMouseOver="this.style.color='#22c1eb';" onMouseOut="this.style.color='#000000';" href="http://www.listwire.com/pcjargon" target="_lw" style="font: normal 10px verdana, sans-serif; color: #000000;" title="ListWire - Free Autoresponders">click here for your free autoresponder</a></td></tr>
</table>
</td></tr>
</table>
</center>
</td>
</tr>
</table>

<img src="http://forms.listwire.com/img.php?xJL00JMCWarUqRAMg0GYAKJ6kHp5SaZxqHYhIJIhqQq">
</center>
can someone help me?
#autoresponder #listwire #placement
  • Profile picture of the author whaldorf
    Hey Theory5,

    I'm not sure I get you - if you'd like the "submit" button to float in the center of that grey bar, all you need to is add "text-align: center" to the td element enclosing the submit button

    <td width="92" height="26" style="border-top:1px solid #ffffff; border-left:1px solid #ffffff;TEXT-ALIGN:CENTER;">

    Not sure if that's what you were trying to do but hope it helps!
    {{ DiscussionBoard.errors[3784439].message }}
    • Profile picture of the author Theory5
      Originally Posted by whaldorf View Post

      Hey Theory5,

      I'm not sure I get you - if you'd like the "submit" button to float in the center of that grey bar, all you need to is add "text-align: center" to the td element enclosing the submit button

      <td width="92" height="26" style="border-top:1px solid #ffffff; border-left:1px solid #ffffff;TEXT-ALIGN:CENTER;">

      Not sure if that's what you were trying to do but hope it helps!
      Sort of. The Bar is not supposed to be that large, and the logo beneath it is supposed to be centered. The bar is supposed to just span the word "submit" .
      {{ DiscussionBoard.errors[3786870].message }}
  • Profile picture of the author SDStudio
    Hi, Theory5

    See if this works for you



    Code:
    <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="002">
<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="pcjargon">
<input type="hidden" name="bot_redirect" value="http://pcjargon.net/thank-you/">
<input type="hidden" name="bot_web_form_id" value="11886">
<table width="357" border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="3" align="center" valign="middle" style="padding:0px 0px 10px 0px;"><p>Get The Latest Info, Best Tips and Tricks With the PC Jargon Newsletter, Right In*Your Inbox!</p></td></tr>
<tr><td height="32" width="10%" align="left" valign="middle">*</td>
<td height="32" width="14%" 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="76%" align="left" valign="middle"><input type="text" style="width:70%; 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="14%" 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="76%" align="left" valign="middle"><input type="text" style="width:70%; 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 width="92" height="26" align="left" valign="middle" nowrap 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 Up">
</td></tr></table></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="349" border="0" cellpadding="0" cellspacing="0">
<tr style="background-color: #ffffff;">
  <td width="349" align="center" valign="top" style="padding: 0px 0px 10px 0px;"><a  href="http://www.listwire.com/pcjargon" target="_lw" 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><br>
  <a onMouseOver="this.style.color='#22c1eb';" onMouseOut="this.style.color='#000000';" href="http://www.listwire.com/pcjargon" target="_lw" style="font: normal 10px verdana, sans-serif; color: #000000;" title="ListWire - Free Autoresponders"> click here for your free autoresponder</a></td></tr>
</table>
</td></tr>
</table>
</center>
</td>
</tr>
</table>

<img src="http://forms.listwire.com/img.php?xJL00JMCWarUqRAMg0GYAKJ6kHp5SaZxqHYhIJIhqQq">
</center>
    Signature
    Need Roadside Assistance
    {{ DiscussionBoard.errors[3787108].message }}
  • Profile picture of the author Theory5
    hmm that still doesn't work. I hope this isn't a problem with the theme itself...
    I think its a width problem.
    {{ DiscussionBoard.errors[3789749].message }}

Trending Topics