Eine frohe Adventszeit wünscht Apfeltalk
  • Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Zum letzten Mal in diesem Jahr ist Eure Meinung gefragt! Wer wird in unserem Foto-Wettbewerb des Monats Dezember das Rennen gewinnen? Hier geht es lang zur Abstimmung --> 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!