Formatierung Kontaktformular

[cesomark]

Hallo Leute!

Bin grade dabei mein erstes Kontaktformular zu erstellen, mit css und php.

Den php Teil habe ich nun mehr oder weniger fertig, das formatieren bekomm ich aber nicht hin!

So sieht meine Homepage bisher aus:
http://img823.imageshack.us/img823/7452/hotelv.jpg

Wie ihr seht, sind die Eingabefelder nicht gerade aber das ist auch klar, weil ich mit erzwungenen Leerzeichen versucht habe sie anzugleichen, was nich geht, war mir auch klar aber besser so als garnicht

Das ist der html-quellcode dazu (ohne die Leerzeichen):

              <form action="form.php" method="post" style="text-align:left"><br>
                 <br>
                         Name:<input name="name" size="40"/><br />
                         Vorname:<input name="vorname" size="40"/><br />
                         Straße:<input name="strasse" size="40"/><br />
                         PLZ:<input name="plz" size="40"/><br />
                         Stadt: <input name="stadt" size="40"/><br />
                         Telefon: <input name="telefon" size="40"/><br />
                         E-Mail: <input name="email" size="40"/><br />
                         Betreff: <select name="betreff"size="1">
                                 <option>Hilfe</option>
                                 <option>Kritik</option>
                                 <option>Linktausch</option>
                                 <option>Werbung</option>
                                 <option>Sonstiges</option>
                         </select><br />
                         Nachricht: <br />
                         <textarea name="text" cols="50" rows="10"></textarea>
                         <br />
                         Text-test: <input name="text-test" size="40"><br />
                         <input name="submit" type="submit" value="absenden"/>
                 </form>

Es müsste doch noch eine andere Möglichkeit geben als für jedes einzelne Element einen Tabelleneintrag zu erstellen oder?

Danke schonmal im Vorraus!

 

[NetAktiv]

Du kannst die Beschriftungen beispielsweise als <label class="kontaktlabel">Stadt:</label> kennzeichnen und denen mittels CSS eine feste width zuordnen.

 

[cesomark]

Ajo das is das problem! Habe das mit <label> und mit <span> probiert und irgendwie passiert nix!

    <label style="width: 50px">Name: </label>

Das klappt z.b. nicht! Da passiert einfach nix.

 

[ka9de]

<label style="width: 50px; display:inline-block;">Name:</label>

label und span sind inline Elemente. Den meisten dieser Art kannst du keine Breite mitgeben, daher die display Zuweisung.

 

[cesomark]

Oh danke! Hab ich nicht gewusst, klappt jetzt