• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Was gibt es Schöneres als den Mai draußen in der Natur mit allen Sinnen zu genießen? Lasst uns teilhaben an Euren Erlebnissen und macht mit beim Thema des Monats Da blüht uns was! ---> 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!