• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Der Oktober ist da - Zeit, sich den rauer werdenden Wind um die Ohren pfeifen zu lassen und sich von der Wildheit der Elemente inspirieren zu lassen. Lasst uns an Euren Erlebnissen teilhaben! Zum Wettbewerb --> Klick

CSS: Wie erstelle ich ein komptaktes Formular?

skepsis

Westfälische Tiefblüte
Registriert
07.02.06
Beiträge
1.050
Ist eigentlich gar nicht so kompliziert ohne Tabelle... Ich finde sogar einfacher, da übersichtlicher ;)

Einfach der Liste eine Breite geben, dem Listenelement auch und dazu noch ein float:left und gut ist. Die Listenelemente brechen dann automatisch um.

HTML:
Code:
<ul>
  <li>Formularelement</li>
  <li>Formularelement</li>
  <li>Formularelement</li>
  <li>Formularelement</li>
  <li>Formularelement</li>
  <li>Formularelement</li>
  <li>Formularelement</li>
</ul>
CSS:
Code:
ul {
  width:40em;
  list-style-type:none;

}
ul li {
  width:10em;
  float:left;
}

Das Beispielt hinkt doch. Fairerweise müsstest du bei dem CSS Beispiel noch den Inhalt "Formularelement" mit einbringen, so ist das nur wenige aussagekräftig!