...so, bin ein Stück weiter.
Select'se sind in einer Reihe & Label'se linksbündig darüber.
Nur das Radio ist noch nicht an der richtigen Stelle (zweite Spalte) und sieht noch nicht gut aus. Weiß jetzt nicht weiter.
Gruß
O O
ONAIR Ja Nein
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Elemente nebeneinander</title>
<style type="text/css">
ul {
list-style: none;
}
li {
float: left;
width: 200px;
border: 1px solid #B3B3B3; /* Hilfslinie zum ausrichten */
}
label {
display: inline-block;
}
select, input {
display: block;
}
</style>
</head>
<body>
<form class="commentForm" method="post" accept-charset="utf-8" action="">
<fieldset>
<legend>Elemente nebeneinander</legend>
<ul>
<li>
<label for="schicht">Schicht</label>
<select name="schicht" class="select">
<option>Bitte auswählen!</option>
<optgroup label="Schicht">
<option value="Wert_1">Wert_1</option>
<option value="Wert_2">Wert_2</option>
</optgroup>
</select>
</li>
<li>
<label for="ort">Ort</label>
<select name="ort" class="select_2">
<option>Bitte auswählen!</option>
<optgroup label="Ort">
<option value="Wert_1">Wert_1</option>
<option value="Wert_2">Wert_2</option>
</optgroup>
</select>
</li>
<li>
<label for="sendung">Sendung</label>
<select name="sendung" class="select_2">
<option>Bitte auswählen!</option>
<optgroup label="Sendung">
<option value="Wert_1">Wert_1</option>
<option value="Wert_2">Wert_2</option>
</optgroup>
</select>
</li>
<li>
<label for="fehlerkategorie">Kategorie</label>
<select name="fehlerkategorie" class="select_2">
<option>Bitte auswählen!</option>
<optgroup label="Kategorie">
<option value="Wert_1">Wert_1</option>
<option value="Wert_2">Wert_2</option>
</optgroup>
</select>
</li>
<ul>
</fieldset>
<fieldset>
<legend>Elemente nebeneinander</legend>
<ul>
<li>
<label for="in_user">Username</label><input id="in_user" type="text" value=""/>
</li>
<li>
<label>ONAIR
<label for="radio1"><input type="radio" id="radio1" name="radio" />Ja</label>
<label for="radio2"><input type="radio" id="radio2" name="radio" checked="checked" />Nein</label>
</label>
</li>
<ul>
</fieldset>
<fieldset>
<!-- UI Button -->
<p><input type="submit" id="submitButton" name="speichern" value="Speichern"/></p>
</fieldset>
</form>
</div>
</body>
</html>