MyBB.de Forum
Gekürzte Registrierung -> Tabellenbreite verkleinern - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Gekürzte Registrierung -> Tabellenbreite verkleinern (/thread-25427.html)



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">&nbsp;</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.