nicht angemeldet
Kann mir jemand sagen warum mein text obenist, und nicht unten, wo er eigentlich nach meiner Meinung hingehört?
.input_feld {
vertical-align:bottom;
Bei Zeilenelementen (zB <input>, <span>, <img>) gibt vertical-align die Position des betreffenden Elements selbst in der Zeile an, in der es steht. Es bezieht sich hier nicht auf seinen Inhalt.
Der Code …
Erste Zeile.<br>
Zweite Zeile mit <input style="vertical-align:bottom; height:5em" value="Eingabe">.<br>
Dritte Zeile.
… ergibt ungefähr dies:
Erste Zeile.
+---------+
| +
| Eingabe +
| +
Zweite Zeile mit +---------+.
Dritte Zeile.
Das <input>-Element ist am unteren Rand der Zeile ausgerichtet, so wie es sein vertical-align:bottom vorgibt.
Mit vertical-align:top:
Erste Zeile.
Zweite Zeile mit +---------+.
| +
| Eingabe +
| +
+---------+
Dritte Zeile.
Mit vertical-align:middle:
Erste Zeile.
+---------+
| +
Zweite Zeile mit | Eingabe +.
| +
+---------+
Dritte Zeile.
Möchtest du leeren Raum über dem Text im <input>-Element haben, musst du padding-top benutzen. Ich kann mich irren, aber eine Möglichkeit, den Text in einem <input> zu positionieren, gibt es nicht.