Wie ein Formular wie Tabelle mit div ausrichten?

Hier ist mein Code:Wie ein Formular wie Tabelle mit div ausrichten?

<div> 
    <label>Name</label><input type="text" id='name'/><br /> 
    <label>Email</label><input type="text" id='email'/><br /> 
    <label>Place</label><input type="text" id='place'/><br /> 
</div>

ich CSS bin neu, ich will nicht, Tisch ausgerichtet werden, aber die Perfektion wie gleich sein sollte, und will nicht Stil auf einzelne Elemente anwenden . Jede Hilfe wird geschätzt.

Quelle

2010-12-17 illuminatus

Warum nicht eine Tabelle verwenden? Ein Formular wie dieses ist ein Paradebeispiel für die korrekte Verwendung einer Tabelle. – RoToRa

Stimmen Sie nicht zu. Tabelle ist für Tabellendaten. Form ist keine von. – Lex

Ja, ich bin mit Lex auf dieser Seite - es könnte einfacher sein, sich auszurichten, aber es ist eine schnelle und schmutzige Lösung, eine, die nur die Dinge auf der ganzen Linie schwierig macht. Ich würde vorschlagen weg von Tabellen so weit wie möglich zu bleiben :) –

Ich gehe davon aus, dass Sie die Beschriftungen und Eingänge nebeneinander ausrichten möchten. In diesem Fall benötigen Sie Floats. Hier ist der schnelle CSS-Code:

form { 
width: 500px; 
overflow:hidden;} 

label { 
clear: both; 
float: left; 
width: 40%;} 

input { 
float: left; 
width: 55%;}

denke ich, dass sollte funktionieren :)

Quelle

2010-12-17 11:12:12

thnx..es hat funktioniert :) – illuminatus

Keine probs - froh, dass es funktioniert :) –

but..i versuche es in jquery slidedown ding..für das es nicht funktioniert ..? – illuminatus

Antwort

Verwandte Themen