Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Gekürzte Registrierung -> Tabellenbreite verkleinern
#1
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>
Zitieren
#2
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.
viele Grüße
Jockl
übersetzte und eigene Plugins
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Probleme mit Tabellenbreite bei Forum mit fixer Breite Jockl 7 1.790 25.06.2015, 19:13
Letzter Beitrag: Jockl
  Forum Tabellenbreite limitieren bei Default Theme Riccardo 2 2.146 11.07.2009, 13:27
Letzter Beitrag: Riccardo
  Logo auf Tabellenbreite anpassen alexking 4 2.410 28.12.2007, 16:22
Letzter Beitrag: Grunpfnul