Gekürzte Registrierung -> Tabellenbreite verkleinern - dietmar80 - 15.04.2012
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 ?
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>
RE: Gekürzte Registrierung -> Tabellenbreite verkleinern - Jockl - 15.04.2012
Setze mal bei
Code: <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
noch ein style="width:50%;" ein. Das kannst Du dann noch varieren und durch zusätzliche CSS-Eigenschaften gestalten.
|