HTML-Formular-Eingaben horizontal anzeigen

8

Ich versuche, das Anmeldeformular, das auf der Hauptseite von tinypic angezeigt wird, neu zu erstellen.

in HTML, ich habe die 3 Elemente wie folgt:

%Vor%

Ich habe versucht, sie in separate divs zu setzen, Verwendung von float: links mit einer eindeutigen Klasse in CSS aber der Code ist wirklich unordentlich lang. so im Wesentlichen, ich wollte wissen, ob es eine einfache Möglichkeit gab, dieses Layout mit HTML und CSS zu erreichen.

Danke für die Zeit!

    
Kevin Jung 11.05.2011, 21:06
quelle

3 Antworten

13

Dieses CSS sollte funktionieren, obwohl ich es nicht getestet habe:

%Vor%     
Brian Driscoll 11.05.2011, 21:09
quelle
5

Hier ist meine Lösung: ( Ссылка )

HTML:

%Vor%

CSS:

%Vor%

Ich empfehle Ihnen auch, die Beschriftungen in <label> -Tags zu kapseln. Sie können sogar das for="inputId" -Attribut verwenden, so dass das Klicken auf die Beschriftung die Eingabe in den Fokus bringt.

    
Iulius Curt 11.05.2011 21:11
quelle
3

Fügen Sie einfach display:inline zu Ihren Eingabeelementen hinzu, wie hier hier

    
Thomas Shields 11.05.2011 21:08
quelle

Tags und Links