Input felder zentrieren

[Nagazi]

Hallo HTML Com,

bin eher so der Freizeit Coder und henge im moment an einem Webinterface fest.

Mir wird immer gesagt das man tabellen kaum noch nutzt.
Habe das Problem nun das die Felder ja nichtmehr zentriert untereinander sind sondern am Text anpassen.

Wie kann man es nun ohne tabellen lösen das die Eingabefelder untereinander stehen?

                    Server IP-Adresse: <input type="text" value="serverip">
                        <br>
                    SSH Benutzer: <input type="text" value="sshuser">

 

[threadi]

Formulare baut man mit <form>, <fieldset>, <legend>, <label> und den verschiedenen Formularfeldern auf. <label> dient dabei als Formularfeldbezeichnung. Dein "Server IP-Adresse" musst Du also mit <label> umgeben. Danach kannst Du <label> per CSS so formatieren, dass es eine feste Breite erhält und somit die dahinterstehenden Formularfelder direkt untereinander stehen.

Btw. hat das nichts mit "zentrieren" zu tun was Du im Topictitel schreibst. Hoffe ich hab es daher richtig interpretiert.

 

[Nagazi]

Vielen dank, das war genau das was ich gesucht habe

 

[Körnerbrötchen]

Kleiner Tipp dabei, wenn du label mit dem Attribut for ausstattest und deinem input dann die gleiche ID gibst, wie dem Inhalt des for-Attributs, dann kannst du auf das label klicken und der Cursor springt in das input field.

Wenn das zu kompliziert war, so schaut's aus!

<label for="serverip">Server IP-Adresse:</label> <input type="text" id="serverip" value="serverip">

 

[Nagazi]

Klasse gut zu wissen Dankeschön