Eingabefelder positionieren

Bit2_Gosu

Hallo !

Ich würde mal gerne wissen, wie so ein professioneller Html-Programmierer im folgende Seite so programmiert, dass die Eingabefelder (nicht der Schriftzug davor) genau untereinander liegen.

Ich persönlich wollte einfach überall wo nötig Leerzeichen einfügen, aber das kanns ja irgendwie net so ganz sein, oder ?

HTML

<html>
<body>


<form action = "registrierung.php" method = "post">


    Benutzername <input type = "text" name = "benutzername" size = "15" > 






    Passwort <input type = "password" name = "passwort" size = "15" > </p>






    Vorname <input type = "text" name = "vorname" size = "15" > </p>






    Nachname <input type = "text" name = "nachname" size = "15" > </p>






    Email <input type = "text" name = "email" size = "15"> </p>






    Signatur <textarea name = "signatur" rows="7" cols="30" > </textarea> </p>


    <input type = "submit" value = "anmelden">


</form>
</body>
</html>

Alles anzeigen

Vielen Dank für euere Tipp !

driver

er macht des mit ner tabelle...

Code

<form action = "registrierung.php" method = "post"
<table>
    <tr><td>Benutzername</td><td><input type = "text" name = "benutzername" size = "15" ></td></tr>
    <tr><td>Passwort</td><td><input type = "password" name = "passwort" size = "15" ></td></tr>
    <tr><td>Vorname</td><td><input type = "text" name = "vorname" size = "15" ></td></tr>
    <tr><td>Nachname</td><td><input type = "text" name = "nachname" size = "15" ></td></tr>
    <tr><td>Email</td><td><input type = "text" name = "email" size = "15"></td></tr>
    <tr><td>Signatur</td><td><textarea name = "signatur" rows="7" cols="30" > </textarea></td></tr>
    <tr><td colspan=2><input type = "submit" value = "anmelden"></td>/tr>
</table
</form>

Alles anzeigen

des-man

oder mit div's

HTML

<html>
<body>
<div class="div1" style="position:absolute; left:97px; top:40px;">
<input type="text" name="name">


</div>
<div class="div2" style="position:absolute; left:97px; top:65px;">
<input type="text" name="name">
3
</div>
<div class="div3" style="position:absolute; left:97px; top:90px;">
<input type="text" name="name">
</div>




</body>
</html>

Alles anzeigen

desman

driver

Zitat von des-man

oder mit div's

könnte dann allerdings zu ner div-suppe werden.
is wie bei dem layout mit tabellen....

layout -> divs
inhalt -> tabellen

da sichs hier eindeutig um die formatierung des inhaltes handelt
würde ich eher zu tabellen raten, statt zu div containern.
zu mal bei den divs der aufwand vemutlich höher wäre..

aber letztendlich bleibts jedem selbst überlassen...

Mir nicht

Also ich würde vorschlagen das man eine Tabelle IN einem Div-Container erstellt!
Wie wäre es damit?

anspiUCNapufn9

Zitat

Also ich würde vorschlagen das man eine Tabelle IN einem Div-Container erstellt!
Wie wäre es damit?

...Um die Tabelle mithilfe des Divsauszurichten?

LG

driver

des hängt davon ab wo das formular anzusiedeln is.
ich würd etz spontan davon ausgehen das ein inhalts-div
bereits existiert durch das bereits vorhandene layout...

Mir nicht

Zitat von Dark_Dog

...Um die Tabelle mithilfe des Divsauszurichten?

LG

So hatte ich mir das gedacht...

Denn wie driver schon sagte:

layout -> divs
inhalt -> tabellen

anspiUCNapufn9

Achso, hmm, joa....

Bit2_Gosu

Vielen Dank euch allen !

Auf die Idee von Tabellen ohne Rahmenbreite bin ich gar net gekommen

Man lernt dazu

Tags