Hallo,
ich versuche mein Formular mit CSS zu gestalten, sprich labels und diese mit display:block ausrichten in einer vertikalen Linie. Soweit so gut, nur gibt es ein Problem, wenn ich 2 Inputfelder und 2 Labels in einer Reihe haben moechte.
Also:
Vorname: |_________| Name: |________________|
<label for="vname">Vorname </label><input type="text" name="vname" id="fname" />
<label for="lname">Name:</label><input type="text" name="lname" id="lname" />
und die darunterliegenden Reihen sollen natuerlich alle wieder an einer vertikalen Linie ausgerichtet sein. Hoffe ich habe mich verstaendlich ausgedrueckt.
Wie kann ich das am Besten umsetzen? Irgendwie bekomme ich das einfach nicht.
Freue mich, ueber jeden Tip oder vielleicht eine Website wo es solche Beispiele gibt.
Vielen Dank im Voraus.
Gruss Bicko
ich versuche mein Formular mit CSS zu gestalten, sprich labels und diese mit display:block ausrichten in einer vertikalen Linie. Soweit so gut, nur gibt es ein Problem, wenn ich 2 Inputfelder und 2 Labels in einer Reihe haben moechte.
Also:
Vorname: |_________| Name: |________________|
<label for="vname">Vorname </label><input type="text" name="vname" id="fname" />
<label for="lname">Name:</label><input type="text" name="lname" id="lname" />
und die darunterliegenden Reihen sollen natuerlich alle wieder an einer vertikalen Linie ausgerichtet sein. Hoffe ich habe mich verstaendlich ausgedrueckt.
Code:
form label {
display:block;
float: left;
width: 100px;
padding: 0;
margin: 10px 0 0 10px;
}Wie kann ich das am Besten umsetzen? Irgendwie bekomme ich das einfach nicht.
Freue mich, ueber jeden Tip oder vielleicht eine Website wo es solche Beispiele gibt.
Vielen Dank im Voraus.
Gruss Bicko
