Kontaktformular geht nicht kleiner

Steffelinchen · 20 März 2010

Hallo ihr Lieben.
Ich beschäftige mich erst seit kurzem mit HTML und versuche im Moment ein Kontaktformular zu coden.
Doch irgendwie funktioniert das nicht ganz wie ich das will.
Ich werde mein Problem mal mit Bildern versuchen zu verdeutlichen..
So sieht mein aktuelles Kontaktformular aus:

Und so sollte es letztendlich aussehen:

Und mein Probleme ist halt, dass die ganzen Tabellenzeilen irgendwie zu groß sind.
Also von der Höhe her und ich weiß nicht woran das liegen könnte.
Und mich stört außerdem noch, dass die Auswahlmöglichkeiten wann man erreichbar ist nicht nebeneinander stehen sondern untereinander.

Mein HTML-Code dazu sieht folgendermaßen aus:

<head>

<style type="text/css">

</style>

</head>

<body>

<form action="Informationen-anfordern.11.0.html" method="get">
<table width="700" height="540" cellpadding="3" cellspacing="1" rules="none" >
<tbody>
<tr>
<td colspan="7" style="background-color: #00397c;" cellpadding="0" >
<h2>
Wie können wir Sie erreichen?
</h2>
</td>
</tr>
<tr>
<td>
<h3>
Vorname:
</h3>
</td>
<td>
<h3>
   
</h3>
</td>
<td align="left">
<input name="Vorname"
class="eingabefeld"
value=""
tabindex="1"
size="30"
maxlength="80"
type="text">
</td>
<td>
   
</td>
<td>
<h3>
Telefon:
</h3>
</td>
<td>
   
</td>
<td align="right">
<input name="Telefon"
class="eingabefeld"
value=""
tabindex="6"
size="40"
type="text">
</td>
</tr>
<tr>
<td>
<h3>
Nachname:
</h3>
</td>
<td>
 
</td>
<td align="left">
<input name="Nachname"
class="eingabefeld"
value=""
tabindex="2"
size="30"
type="text">
</td>
<td>
 
</td>
<td>
<h3>
Handy:
</h3>
</td>
<td>
 
</td>
<td align="right">
<input name="Handy"
class="eingabefeld"
value=""
tabindex="7"
size="40"
type="text">
</td>
</tr>
<tr>
<td>
<h3>
Postfach / Straße:
</h3>
</td>
<td>
 
</td>
<td>
<input name="Straße"
class="eingabefeld"
value=""
tabindex="3"
size="30"
type="text">
</td>
<td>
 
</td>
<td>
<h3>
Email:
</h3>
</td>
<td>
 
</td>
<td align="right">
<input name="Email"
class="eingabefeld"
value=""
tabindex="8"
size="40"
type="text">
</td>
</tr>
<tr>
<td>
<h3>
PLZ:
</h3>
</td>
<td>
 
</td>
<td colspan="2">
<table width="280" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<input name="PLZ"
class="eingabefeld"
value=""
tabindex="4"
size="7"
maxlength="5"
type="text">
</td>
<td>
 
</td>
<td align="right">
<h3>
     Ort:
</h3>
</td>
<td>
 
</td>
<td align="right">
<input name="Ort"
class="eingabefeld"
value=""
tabindex="5"
size="30"
type="text">
</td>
</tr>
</tbody>
</table>
</td>
<td colspan="3">
 
</td>
</tr>
<tr>
<td colspan="4">
<h3>
Wann sind Sie telefonisch erreichbar?
</h3>
</td
<td colspan="3">
<input class="radio"
name="Erreichbar"
value="vormittags"
type="radio">
<h3>
vormittags
</h3>
<input class="radio"
name="Erreichbar"
value="ganztags (7-21 Uhr)"
type="radio">
<h3>
ganztags (7-21 Uhr)
</h3>
<input checked="checked"
class="radio"
name="Erreichbar"
value="von 16-21 Uhr"
type="radio">
<h3>
von 16-21 Uhr
</h3>
</td>
</tr>
<tr>
<td colspan="7">
<i>
<h3>
Mit der Angabe Ihrer Telefonnummer erteilen Sie uns die Einwilligung für Telefonanrufe.
</h3>
</i>
<br>
<br>
</td>
</tr>
</body>

Kann mir einer helfen ?

LG,
Steffelinchen

Elroy · 20 März 2010

Hallo.

Warum verwendest du auch Tabellen für das erstellen von Formularen, davor sind sie nicht vorgesehen.
In HTML gibt es spezielle Auszeichnungen für das erstellen von Formularen.

Reine Formsache
Folge diesem Link dort kannst du lernen wie man Formulare erstellt.

Gruss
Elroy

Efchen · 22 März 2010

Außerdem sollte Dir klar sein, dass das, was Du mit HTML machst, nur das Formular selbst ist. Im action-Attribut des form-Tags wird ein Script hinterlegt, das die Eingaben auswertet. Dazu brauchst Du dann aber idR eine serverseitige Programmiersprache, um Deine Wünsche zu realisieren.

Kontaktformular geht nicht kleiner

Steffelinchen

Neues Mitglied

Elroy

Senior HTML'ler

Efchen

Guest

Neueste Beiträge