nicht angemeldet
Om nah hoo pez nyeetz, inspiron!
input {display: inline-block;}
Tpfelher: label {display: inline-block;}
Matthias
Tpfelher: :-) :-) sehr schön!
...so jetzt habe ich den Code jetzt minimiert. Angezeigt werden die Radiobutton jetzt so:
O O
ONAIR Ja Nein
Was muß ich denn jetzt machen damit diese so dargestellt werden?
ONAIR
O Ja O Nein
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 {border: 1px solid;} /* Dass man auch was sieht */
label {display: inline-block; width: 21%;}
input {display: block;}
</style>
</head>
<body>
<form class="commentForm" method="post" accept-charset="utf-8" action="">
<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