nicht angemeldet
Erst dies, dann das andere.
Matthias
...o.k.
Hallo,
hatte es wirklich nicht richtig erkannt. Habe die Label's angepasst.
Die Selectfelder werden jetzt wieder untereinander, die input nebeneinander dargestellt.
Gruß
<!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">
label, input, select {border: 1px solid;} /* Dass man auch was sieht */
input {display: inline-block;}
select, option {display: block;}
</style>
</head>
<body>
<form class="commentForm" method="post" accept-charset="utf-8" action="">
<fieldset>
<legend>Elemente nebeneinander</legend>
<label for="schicht">Schicht
<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>
</label>
<label for="ort">Ort
<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>
</label>
<label for="sendung">Sendung
<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>
</label>
<label for="fehlerkategorie">Kategorie
<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>
</label>
</fieldset>
<fieldset>
<legend>Elemente nebeneinander</legend>
<label>Username
<input id="in_user" type="text" value=""/>
</label>
<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>
</fieldset>
<fieldset>
<!-- UI Button -->
<input type="submit" id="submitButton" name="speichern" value="Speichern"/>
</fieldset>
</form>
</body>
</html>
Matthias Apsel