nicht angemeldet
Hallo,
ich habe ein Formular in dem zusätzlich Radiobuttons eingefügt werden sollen.
Die Radiobuttons werden untereinander dargestellt.
Was kann ich tun, damit diese nebeneinander dargestellt werden.
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">
._25 {
width: 21%;
display: inline;
float: left;
margin-left: 2%;
margin-right: 2%;
}
label {
width: 100%;
border: 1px solid #B3B3B3;
}
select {
border: 1px solid #B3B3B3;
width: 100%;
-moz-border-radius: 3px;
}
input {
border: 1px solid #B3B3B3;
width: 100%;
-moz-border-radius: 3px;
}
</style>
</head>
<body>
<form class="commentForm" method="post" accept-charset="utf-8" action="">
<fieldset>
<legend>Elemente nebeneinander</legend>
<div class="_25">
<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>
</div> <!-- #class="_25" -->
<div class="clr"></div>
<div class="_25">
<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>
</div> <!-- #class="_25" -->
<div class="clr"></div>
<div class="_25">
<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>
</div> <!-- #class="_25" -->
<div class="clr"></div>
<div class="_25">
<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>
</div> <!-- #class="_25" -->
<div class="clr"></div>
</fieldset>
<fieldset>
<legend>Elemente nebeneinander</legend>
<div class="_25">
<p><label for="in_user">Username</label><input id="in_user" type="text" value=""/></p>
</div> <!-- #class="_25" -->
<div class="clr"></div>
<div class="_25">
<p> </p>
</div> <!-- #class="_25" -->
<div class="clr"></div>
<div class="_25">
<p> </p>
</div> <!-- #class="_25" -->
<div class="clr"></div>
<div class="_25">
<label for="radio">ONAIR</label>
<div id="radio1">
<input type="radio" id="radio1" name="radio" /><label for="radio1">Ja</label>
<input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Nein</label>
</div> <!-- #class="_25" -->
<div class="clr"></div>
</fieldset>
<fieldset>
<div class="_25">
<!-- UI Button -->
<p><input type="submit" id="submitButton" name="speichern" value="Speichern"/></p>
</div>
</fieldset>
</form>
</div>
</body>
</html>
Matthias Apsel