Text und Eingabefeld in gleicher Höhe

[Teilzeitphilosoph]

Moinz.
Ich hab da mal ne Frage zu gesundem CSS. Meine Idee: Ich hab ne feste Breite von 400px. Da will ich 3 Zeilen normalen Text und 3 Eingabefelder platzieren..quasi so

Text 1 bla bla.................|_Eingabefeld_|
Text 2 bla bla laber.......|_Eingabefeld_|
Text 3 bla........................|_Eingabefeld_|

Die Punkte dienen nur der Optik, da Leerzeichen hier ja geschnitten werden.
Jetzt hatte ich die Idee, dass ich ja 2 Divs machen kann. Eins mit den Texten und eins mit den Eingabefeldern, und diese Divs dann per "float-left-right" platzieren. Mein Chef findet das aber gar nich witzig, weil....er der Chef ist....

Frage: Wie kann man so was noch nett lösen? Ne Tabelle wäre machbar aber Tabellen sind böse. Mit Leerzeichen den Abstand vom Text zu den Feldern zu trennen ist nich so stylisch. Und damit es sich lohnt: Es muss in jedem größeren Browser klappen.

-bedank-
TZP

 

[Maik]

Jetzt hatte ich die Idee, dass ich ja 2 Divs machen kann. Eins mit den Texten und eins mit den Eingabefeldern, und diese Divs dann per "float-left-right" platzieren. Mein Chef findet das aber gar nich witzig, weil....er der Chef ist....

Was findet er denn daran nicht witzig?

Die beiden DIV-Blöcke, oder die CSS-Formatierung? Oder gar beides?

mfg Maik

 

[Teilzeitphilosoph]

Die mögliche Gefahr, dass es zu einem Versatz bei den Elementen kommen könnte und sie nich die gleiche Höhe haben.

 

[Maik]

Dann überzeug ihn mit diesem Modell, das ohne DIV-Blöcke auskommt, vom Gegenteil:

• Prettier Accessible Forms
  • Demo: Accessible Forms

mfg Maik

 

[Teilzeitphilosoph]

Hmhm...das sieht nice aus. Ich werde das mal antesten und danke dir.