Hi,
- wenn ich dem label eine width gebe, tut sich GAR nichts! Wieso?
Weil label ein non-replaced inline Element ist und width daher nicht interpretiert werden darf.
- gebe ich dem label: display:block, nimmt er zwar die width richtig, aber beide elemente stehen natürlich untereinander.
- gebe ich dem label ein float:left, stimmts auch soweit.
Allerdings habe ich es nie geschafft, die Elemente vertikal zu einander auszurichten! vertical-align: middle zeigt null Wirkung.
Wenn das Element gefloatet ist, ist display auf block. vertical-align trifft auf inline-Elemente (inline, inline-block, inline-table) zu und auf table-cell-Elemente. Dank des impliziten display:block ist das label weder ein inline- noch ein table-cell-Element.
Kann man inline-Elementen keine width geben?
Nein - sie zeichnen sich ja gerade dadurch aus, daß sie so breit sind wie es der Inhalt vorgibt.
Und wie richte ich nun die beiden Elemente schön sauber zu einander vertikal aus?
line-height, padding-top, margin-top …
cu,
Andreas
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.