• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Zwei Formulare in einer Tabelle...

E

elcomportal

Neues Mitglied
Hallo,
ich habe eine Tabelle in der 2 Eingabefelder und zwei Buttons sind. Nun wird im Internetexplorer 8 der Button "registrieren" ganz nach unten gerückt. Der soll aber unter dem Einloggen-Button, neben dem Passwort-Feld sein. Wie kriege ch das hin?
Der Firefox zeigt's richtig an.

Der Code der Testseite:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html>
<body>
<div id="bild1" align="left">
<table border="1" cellpadding="0" cellspacing="0" width="490px">
<form action="datei1.php" enctype="multipart/form-data" method="post">
<tr>
<td style="text-align:right;" width="120px">
&nbsp;&nbsp;&nbsp;eMail:&nbsp;&nbsp;&nbsp;&nbsp;
</td><td style="text-align:center;" width="185px">
<input type="text" name="_uname" value="" />
</td>
<td style="text-align:center;" width="185px">
<input type="submit" name="login" value="Einloggen" />
</td>
</tr>
<tr>
<td style="text-align:right;" width="120px">
&nbsp;&nbsp;&nbsp;Passwort:&nbsp;&nbsp;&nbsp;&nbsp;
</td><td style="text-align:center;" width="185px"> 
<input type="password" name="_password" value="" />
</td>
</form>
<td style="text-align:center;" width="185px"
<form action="datei2.php">
<input type="submit" name="login" value="Registrieren" />
</form>
</td>
</tr>
</table>
</div>
</body>
</html>
　
　
Bitte helft mir mal auf die Sprünge.
Mfg
Torsten
 
Mit deinem Aufbau wirst du IMMER Probleme haben. Baue ein Formular so auf:

HTML: 
<form action="" method="post" name="form1" id="form1" >
  <p>
        <label for="name" class="kontaktformular_abstand">Name: *</label>
<input type="text" name="Name" id="name" />
        <input name="submit" type="submit" class="buttons_abstand" id="submit" value="Senden" />
  </p>
      <p>
        <label for="email" class="kontaktformular_abstand">Email:</label>
        <input type="text" name="Email" id="email" />
        <input name="submit2" type="submit" class="buttons_abstand" id="submit2" value="Senden" />
  </p>
</form>

Code: 
.kontaktformular_abstand { float:left;
        width:100px;
     }
.buttons_abstand { margin-left:50px;}

Du wirst staunen.
 
Ein form-Tag steht nicht direkt hinter dem table-tag. Wenn, dann steht es außerhalb und schließt die Tabelle ein.
Aber Du hast hier ja gar keine tabellarischen Daten, also ist die Tabelle eh fehl am Platze.

Wie man Formulare richtig macht, kannst Du hier nachlesen: Reine Formsache - Barrierefreie Formulare mit HTML, CSS & JavaScript : Einfach für Alle

Anstelle des <p> in Publishers Beispiel sollte man lieber <div> verwenden, denn es wird hier ja eine logische Gruppe ausgezeichnet, und kein Textabsatz!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben