✔ Anordnungsproblem bei Formularen

[S-lord]

Soo. Wenn ich die <br /> aber weg lasse, dann sind die Eingabefelder nebeneinander, weil sie jeweils weniger als 1/2 Zeile Platz wegnehmen. Wie krieg ich die jetzt ohne <br /> und ohne sie verlängern zu müssen (und ohne Tabellen) untereinander mit dem selben Abstand zueinander wie die Eingabefelder, die links, weil sie nicht zu zweit in eine Zeile passen, sich mit diesem gewünschten geringen 2px Abstand entfernen, sind?!

CSS-Code:

input,
textarea {
	color:#ffffff;
	margin-top:2px;
	border:none;
	width: 80%;
	padding: 2px;
	font-size:11px;
	border:1px dashed;
	border-color:#ffffff;
}

 

[Maik]

Moin,

hat sich die Frage erübrigt, oder warum hast du das Thema als erledigt markiert?

Ansonsten ist hier die display:block-Eigenschaft das Werkzeug deiner Wahl, um die Inline-Elemente im Textfluß blockweise auszurichten.

In der (X)HTML-Variante "Strict" müssen sich die Formularelemente aber eh in einem Block-Element (<div>, <p>, o.ä.) befinden, damit der HTML-Code valide ist

<form action="">
      <p><input type="text" name="name"></p>
      <p><input type="text" name="text"></p>
      <p><input type="submit" value="Senden"></p>
</form>

* {
        margin:0;
        padding:0;
}
form p {
        margin-top:2px;
}
input,
textarea {
        color:#fff;
        width: 80%;
        padding: 2px;
        font-size:11px;
        border:1px dashed #fff;
}

mfg Maik