Wie man ausrichten, eine form, wie Tabelle mit div?

Hier ist mein code:

<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 bin neu in CSS, ich will nicht Tisch zu bekommen ausgerichtet ist, sondern die Perfektion sein sollte, wie dieselbe, und nicht wollen, um Stil für die einzelnen Elemente.
Jede Hilfe ist willkommen.

  • Warum nicht eine Tabelle? Eine form, wie dies ist ein hervorragendes Beispiel für die korrekte Verwendung einer Tabelle.
  • Damit nicht einverstanden sind. Tabelle ist für tabellarische Daten. Form ist nicht einer.
  • Yep, ich bin mit Lex auf dieser ein - es könnte einfacher sein, zu richten, aber es ist eine quick-and-dirty-Lösung, eine, die nur macht die Dinge schwierig, die Linie nach unten. Ich würde vorschlagen, bleiben Weg von Tabellen so weit wie möglich 🙂
  • ja..Tisch ist genug,aber seine nicht funktioniert, innen div
InformationsquelleAutor illuminatus | 2010-12-17
  1. 8

    Ich bin angenommen, Sie möchten, richten Sie die Beschriftungen aus und Eingänge, und neben einer anderen, in welchem Fall Sie brauchen schwimmt. Hier ist die quick-css-code:

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

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

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

    Ich denke, das sollte funktionieren 🙂

    • aber..ich versuche, es zu tun in jquery slidedown Sache..für, dass es'not arbeiten..?
    • Könnte eine beliebige Anzahl von Problemen, HTML / CSS / jQuery. Haben, um den gesamten code sehen, bevor ich das beantworten kann. Ich weiß, das ist ein Punkt, den viele Leute beklagen sich darüber, aber es ist relevant: stellen Sie sicher, dass Ihre HTML - / CSS-validiert, bevor die Umstellung auf jQuery - gelingt das nicht, bestimmte Browser könnte ausflippen. Zum Beispiel, in den code eingefügt, die in Ihrer Frage, die Sie vernachlässigt, um wickeln Sie es in <form></form> (zumindest von dem, was ich sehen kann)... Dinge wie, die beeinflussen könnten, jQuery plugins und Funktionen.
    InformationsquelleAutor Tiny Giant Studios
Schreibe einen Kommentar