• Das kreative Thema des Monats Oktober wird vor allem diejenigen unter Euch besonders ansprechen, denen Do-it-yourself quasi im Blut liegt. Zeigt uns Eure Improvisationskünste oder fotografiert, was andere Leute sich so im Alltag zusammengestrickt haben. --> Zum Mitmachen bitte hier klicken

CSS: Wie erstelle ich ein komptaktes Formular?

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!