form elemente ohne tabelle anordnen

[tingeltangel]

Hallo,

ich habe folgende Form:

<form action="auswertung.php">
<label for="name" class="label">name:</label>
<input class="formelement"  type="text" id="name"  name="name"><br>

<label for="ort" class="label">ort:</label>
<input class="formelement"  type="text" id="ort"  name="ort"><br>
</form>

mit diesem css gestylt:

.label {
position:absolute;
 left:10px;
padding-bottom:10px;
}

.formelement {
 position:absolute;
 left:150px;
padding-bottom:10px;
}

jetzt möchte ich aber das zwischen den Input Boxen ein Abstand entsteht, weiß aber nicht wie ich das ohne Tabelle lösen kann, möchte aber wenn möglich auf Tabellen verzichten.
mit dank im Voraus
tingeltangel

[ChrisB]

Hi,

jetzt möchte ich aber das zwischen den Input Boxen ein Abstand entsteht

Dann muesstest du die Koordinaten deiner absoluten Positionierung anpassen.

Aber absolute Positionierung scheint mir kaum geeignet in so einem Falle.
Abstaende regelst du ueber margin und padding.
Wofuer glaubst du noch absolute Positionierung zu brauchen?
Wie soll es denn letztendlich aussehen?

MfG ChrisB

[tingeltangel]

Wofuer glaubst du noch absolute Positionierung zu brauchen?
Wie soll es denn letztendlich aussehen?

Die absolute Positionierung habe ich genommen um die Textboxen untereinander anzuordnen.

Letztendlich sollte es aussehen wie ein mit einer Tabelle formatiertes Formular, nur eben ohne Tabelle.

TingelTangel

[ChrisB]

Hi,

Die absolute Positionierung habe ich genommen um die Textboxen untereinander anzuordnen.

Das ist bloedsinnig.

In einem nach einem Strict-Doctype geschriebenen Dokument muessten die Formularelemente sowieso erst mal in Block-Elemente verpackt werden. Absatz oder Div drumherum, und schon stuenden sie untereinander.
Und auch sonst kann man die display-Eigenschaft per CSS anpassen.

Wenn du den Text neben dem Feld haben moechtest, kannst du auch mit float arbeiten.

Letztendlich sollte es aussehen wie ein mit einer Tabelle formatiertes Formular, nur eben ohne Tabelle.

D'oh!

MfG ChrisB

[tingeltangel]

Danke, hatte float komplett vergessen.

[Hopsel]

Hi ChrisB!

Wenn du den Text neben dem Feld haben moechtest, kannst du auch mit float arbeiten.

Oder die display-Eigenschaft auf inline-block setzen und eine feste Breite für die Label-Elemente definieren.

MfG H☼psel