Textbox auf gleiche Höhe bringen

html.de-Forum HTML, XHTML & CSS
1

Hallo,
ich habe folgenden HTML Code:

[HTML]
Hostname:


Datenbank-Name:
[/HTML]

Wenn ihr den Code als HTML Seite abspeichert, werdet ihr sehen, dass die Textboxen nicht auf gleicher Höhe sind. Das liegt daran, dass das Wort „Datenbank-Name:“ eben länger als das Wort „Hostname:“ ist.

Wie kann ich nun die beiden Textboxen auf die gleiche Höhe bringen?

Vielen Dank.

2

Ah…, dafür hast du das gebraucht. In diesem Fall würde ich eher verwenden (semantisch korrekter).

Div-Box um die Beschriftungen und Div-Box um die Inputs, beides floaten, fertig.

[HTML]

#left, #right { float: left; }
Hostname:
Datenbank-Name:

 
[/HTML][Formularfeld-Beschriftung](http://www.webmaster-crashkurs.de/formularfeld-beschriftung.htm)

edit: Clearen nicht vergessen^^

edit2: float und clear

3

Danke! Wie kann man das ohne die

Anbagen schreiben?

4

in einer Tabelle:
[HTML]

Hostname:
Datenbank-Name:
[/HTML]
5

Vielen Dank!

6

Das sind keine tabellarischen Daten. Hier wäre eine Definitionsliste das semantisch Richtige. Führt visuell letztlich aber zum selben Ziel.

7

Und was ist so eine Definitionsliste? Und was passiert, wenn ich es doch mit einer Tabelle mache? Hat das irgendwelche Auswirkungen auf den HTML-Code? Oder wird es in manchen Browsern anders dargestellt?

EDIT: Wenn man es mit einer Tabelle macht, ist dann der HTML-Code trotzdem noch richtig?

Vielen Dank!

8

Wenn du bei der Tabelle keine Fehler rein machst ist es syntaktisch richtig, aber semantisch ist es falsch.
Bei einer Webseite sollte aber beides stimmen die Syntax und die Semantik.

Was eine Definitionsliste ist hast du dir ja sicher schon ergoogelt, deswegen spare ich mir das jetzt.

Gruss
Elroy