Gekürzte Registrierung -> Tabellenbreite verkleinern
15.04.2012, 21:34
Hallo,
ich habe meine Registrierung auf die wichtigsten Dinge eingekürzt, um weniger internetaffine User nicht abzuschrecken.
Die Tabelle reicht allerdings über die gesamte Bildschirmbreite, was mir deutlich zu breit ist. Meine Versuche, die Tabellenbreite mit HTML zu verringern, sind jedoch gescheitert. Hat jemand eine Idee, was zu tun ist ?
ich habe meine Registrierung auf die wichtigsten Dinge eingekürzt, um weniger internetaffine User nicht abzuschrecken.
Die Tabelle reicht allerdings über die gesamte Bildschirmbreite, was mir deutlich zu breit ist. Meine Versuche, die Tabellenbreite mit HTML zu verringern, sind jedoch gescheitert. Hat jemand eine Idee, was zu tun ist ?
Code:
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->registration}</title>
{$headerinclude}
<script type="text/javascript" src="jscripts/validator.js"></script>
</head>
<body>
{$header}
<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 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>
{$passboxes}
<tr>
<td><span class="smalltext"><label
for="email">{$lang->email}</label></span></td>
<td><span class="smalltext"><label
for="email2">{$lang->confirm_email}</label></span></td>
</tr>
<tr>
<td><input type="text" class="textbox" name="email" id="email"
style="width: 100%" maxlength="50" value="{$email}" /></td>
<td><input type="text" class="textbox" name="email2" id="email2"
style="width: 100%" maxlength="50" value="{$email2}" /></td>
</tr>
<tr>
<td colspan="2" style="display: none;" id="email_status"> </td>
</tr>
</table>
</fieldset>
</td>
</tr>
</table>
{$socialsites}
<br />
<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}'});
regValidator.register('email2', 'matches', {match_field:'email',
status_field:'email_status',
failure_message:'{$lang->js_validator_email_match}'});
{$validator_extra}
regValidator.register('username', 'ajax',
{url:'xmlhttp.php?action=username_availability',
loading_message:'{$lang->js_validator_checking_username}'}); // needs
to be last
// -->
</script>
{$footer}
</body>
</html>