MyBB Community Forums

Full Version: How to move this table below the other table?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
[Image: KLZMqTk.png]

How would I move the capche table and the question table under the username table in 1 straight line. I TRIED INserting breaks and aligning table s :'(

Thank you!

Here's the code

Page is ncisforum.net you need to select the 1point6 theme cause thats where I am experimenting

Quote:<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->registration}</title>
{$headerinclude}
<script type="text/javascript" src="jscripts/validator.js"></script>
</head>
<body>
{$header}
<div align="center">
<br />
<form action="member.php" method="post" id="registration_form"><input type="text" style="visibility: hidden;" value="" name="regcheck1" /><input type="text" style="visibility: hidden;" value="true" name="regcheck2" />
{$regerrors}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" colspan="2"><strong>{$lang->registration}</strong></td>
</tr>
<tr>
<td width="50%" class="trow1" valign="top">
<fieldset class="trow2">
<legend><strong>{$lang->account_details}</strong></legend>
<table cellspacing="0" cellpadding="{$theme['tablespace']}" width="100%">
<tr>
<td colspan="2"><span class="smalltext"><label for="username">{$lang->username}</label></span></td>
</tr>
<tr>
<td colspan="2"><input type="text" class="textbox" name="username" id="username" style="width: 100%" value="{$username}" /></td>
</tr>
<tr>
<td><span class="smalltext">{$lang->password}</span></td>
</tr>
<tr>
<td><input type="password" class="textbox" name="password" id="password" style="width: 100%" align="right" /></td>
</tr>
<tr>
<td colspan="2" style="display: none;" id="password_status">&nbsp;</td>
</tr>
<tr>
<td><span class="smalltext"><label for="email">{$lang->email}</label></span></td>
</tr>
<tr>
<td><input type="text" class="textbox" name="email" id="email" style="width: 100%" maxlength="50" value="{$email}" /></td>
</tr>
<tr>
<td colspan="2" style="display: none;" id="email_status">&nbsp;</td>
</tr>
<img src="http://i.imgur.com/0xK9WFq.png" alt="Smiley face">
<tr style="display: none;">
<td colspan="2" id="{$captcha_field}_status">{$lang->leave_this_field_empty} <input type="text" class="textbox" name="{$captcha_field}" id="{$captcha_field}" style="width: 100%" maxlength="50" value="" /></td>
</tr>
</table>
</fieldset>
<td width="50%" class="trow1" valign="top">
{$regimage}
{$regq}
</td>
</td>
</td>
</tr>
</table>
<div align="center">
<input type="hidden" name="step" value="registration" />
<input type="hidden" name="action" value="do_register" />
<input type="submit" class="button" name="regsubmit" value="{$lang->submit_registration}" />
</div>
</form>
<script type="text/javascript">
<!--
regValidator = new FormValidator('registration_form');
regValidator.register('username', 'notEmpty', {failure_message:'{$lang->js_validator_no_username}'});
regValidator.register('email', 'regexp', {match_field:'email2', regexp:'^([a-zA-Z0-9_\\.\\+\\-])+\\@(([a-zA-Z0-9\\-])+\\.)+([a-zA-Z0-9]{2,4})+$', failure_message:'{$lang->js_validator_invalid_email}'});
{$validator_extra}
regValidator.register('username', 'ajax', {url:'xmlhttp.php?action=username_availability', loading_message:'{$lang->js_validator_checking_username}'}); // needs to be last
// -->
</script>
</div>
{$footer}
</body>
</html>
Anyone?!
bump ,Please!?2
After regfield you have two unused </td> tags.Try with this one, i had quick few edits (didn't test it).

<html>
 <head>
 <title>{$mybb->settings['bbname']} - {$lang->registration}</title>
 {$headerinclude}
 <script type="text/javascript" src="jscripts/validator.js"></script>
 </head>
 <body>
 {$header}
 <div align="center">
 <br />
 <form action="member.php" method="post" id="registration_form"><input type="text" style="visibility: hidden;" value="" name="regcheck1" /><input type="text" style="visibility: hidden;" value="true" name="regcheck2" />
 {$regerrors}
 <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
 <tr>
 <td class="thead"><strong>{$lang->registration}</strong></td>
 </tr>
 <tr>
 <td class="trow1">
 <fieldset class="trow2">
 <legend><strong>{$lang->account_details}</strong></legend>
 <table cellspacing="0" cellpadding="{$theme['tablespace']}" width="100%">
 <tr>
 <td colspan="2"><span class="smalltext"><label for="username">{$lang->username}</label></span></td>
 </tr>
 <tr>
 <td colspan="2"><input type="text" class="textbox" name="username" id="username" style="width: 100%" value="{$username}" /></td>
 </tr>
 <tr>
 <td><span class="smalltext">{$lang->password}</span></td>
 </tr>
 <tr>
 <td><input type="password" class="textbox" name="password" id="password" style="width: 100%" align="right" /></td>
 </tr>
 <tr>
 <td colspan="2" style="display: none;" id="password_status">&nbsp;</td>
 </tr>
 <tr>
 <td><span class="smalltext"><label for="email">{$lang->email}</label></span></td>
 </tr>
 <tr>
 <td><input type="text" class="textbox" name="email" id="email" style="width: 100%" maxlength="50" value="{$email}" /></td>
 </tr>
 <tr>
 <td colspan="2" style="display: none;" id="email_status">&nbsp;</td>
 </tr>
 <img src="http://i.imgur.com/0xK9WFq.png" alt="Smiley face">
 <tr style="display: none;">
 <td colspan="2" id="{$captcha_field}_status">{$lang->leave_this_field_empty} <input type="text" class="textbox" name="{$captcha_field}" id="{$captcha_field}" style="width: 100%" maxlength="50" value="" /></td>
 </tr>
 </table>
 </fieldset>
 </tr></td>
 <tr>
 <td class="trow1" valign="top">
 {$regimage}
 {$regq}
 </td>
 </tr>
 </table>
 
 <div align="center">
 <input type="hidden" name="step" value="registration" />
 <input type="hidden" name="action" value="do_register" />
 <input type="submit" class="button" name="regsubmit" value="{$lang->submit_registration}" />
 </div>
 </form>
 <script type="text/javascript">
 <!--
 regValidator = new FormValidator('registration_form');
 regValidator.register('username', 'notEmpty', {failure_message:'{$lang->js_validator_no_username}'});
 regValidator.register('email', 'regexp', {match_field:'email2', regexp:'^([a-zA-Z0-9_\\.\\+\\-])+\\@(([a-zA-Z0-9\\-])+\\.)+([a-zA-Z0-9]{2,4})+$', failure_message:'{$lang->js_validator_invalid_email}'});
 {$validator_extra}
 regValidator.register('username', 'ajax', {url:'xmlhttp.php?action=username_availability', loading_message:'{$lang->js_validator_checking_username}'}); // needs to be last
 // -->
 </script>
 </div>
 {$footer}
 </body>
 </html>
(2013-03-28, 01:17 PM)Johnny S Wrote: [ -> ]After regfield you have two unused </td> tags.Try with this one, i had quick few edits (didn't test it).

<html>
 <head>
 <title>{$mybb->settings['bbname']} - {$lang->registration}</title>
 {$headerinclude}
 <script type="text/javascript" src="jscripts/validator.js"></script>
 </head>
 <body>
 {$header}
 <div align="center">
 <br />
 <form action="member.php" method="post" id="registration_form"><input type="text" style="visibility: hidden;" value="" name="regcheck1" /><input type="text" style="visibility: hidden;" value="true" name="regcheck2" />
 {$regerrors}
 <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
 <tr>
 <td class="thead"><strong>{$lang->registration}</strong></td>
 </tr>
 <tr>
 <td class="trow1">
 <fieldset class="trow2">
 <legend><strong>{$lang->account_details}</strong></legend>
 <table cellspacing="0" cellpadding="{$theme['tablespace']}" width="100%">
 <tr>
 <td colspan="2"><span class="smalltext"><label for="username">{$lang->username}</label></span></td>
 </tr>
 <tr>
 <td colspan="2"><input type="text" class="textbox" name="username" id="username" style="width: 100%" value="{$username}" /></td>
 </tr>
 <tr>
 <td><span class="smalltext">{$lang->password}</span></td>
 </tr>
 <tr>
 <td><input type="password" class="textbox" name="password" id="password" style="width: 100%" align="right" /></td>
 </tr>
 <tr>
 <td colspan="2" style="display: none;" id="password_status">&nbsp;</td>
 </tr>
 <tr>
 <td><span class="smalltext"><label for="email">{$lang->email}</label></span></td>
 </tr>
 <tr>
 <td><input type="text" class="textbox" name="email" id="email" style="width: 100%" maxlength="50" value="{$email}" /></td>
 </tr>
 <tr>
 <td colspan="2" style="display: none;" id="email_status">&nbsp;</td>
 </tr>
 <img src="http://i.imgur.com/0xK9WFq.png" alt="Smiley face">
 <tr style="display: none;">
 <td colspan="2" id="{$captcha_field}_status">{$lang->leave_this_field_empty} <input type="text" class="textbox" name="{$captcha_field}" id="{$captcha_field}" style="width: 100%" maxlength="50" value="" /></td>
 </tr>
 </table>
 </fieldset>
 </tr></td>
 <tr>
 <td class="trow1" valign="top">
 {$regimage}
 {$regq}
 </td>
 </tr>
 </table>
 
 <div align="center">
 <input type="hidden" name="step" value="registration" />
 <input type="hidden" name="action" value="do_register" />
 <input type="submit" class="button" name="regsubmit" value="{$lang->submit_registration}" />
 </div>
 </form>
 <script type="text/javascript">
 <!--
 regValidator = new FormValidator('registration_form');
 regValidator.register('username', 'notEmpty', {failure_message:'{$lang->js_validator_no_username}'});
 regValidator.register('email', 'regexp', {match_field:'email2', regexp:'^([a-zA-Z0-9_\\.\\+\\-])+\\@(([a-zA-Z0-9\\-])+\\.)+([a-zA-Z0-9]{2,4})+$', failure_message:'{$lang->js_validator_invalid_email}'});
 {$validator_extra}
 regValidator.register('username', 'ajax', {url:'xmlhttp.php?action=username_availability', loading_message:'{$lang->js_validator_checking_username}'}); // needs to be last
 // -->
 </script>
 </div>
 {$footer}
 </body>
 </html>

Thanks Johnny! It worked fantastically, I went over the code but could not find the <td> you were referring to, but anyway, thank you for the help +Rep