inspiron: radiobutton werden nicht nebeneinander platziert

Beitrag lesen

Om nah hoo pez nyeetz, inspiron!

Zugrunde liegt jetzt folgendes HTML

2 Vorschläge

<label><span>ONAIR</span>

<label for="radio1"><input ... />Ja</label>
  <label for="radio2"><input ... />Nein</label>
</label>


>   
> Dazu im CSS `label span {display: block;}`{:.language-css} Du sprichst damit Span-Elemente innerhalb von label an.  
>   
> ~~~html

<label>ONAIR<br />  

>   <label for="radio1"><input ... />Ja</label>  
>   <label for="radio2"><input ... />Nein</label>  
> </label>

Sowie in beiden Fällen input[type=radio] display: inline;

Matthias

Hallo,
bin gleich auf dem Weg zur Arbeit, schaue dann da wieder rein.

So sieht es jetzt aus:

ONAIR
O  O
Ja Nein

Jetzt wäre schön, wenn das Label Ja Nein recht angeordnet wird.

Gruß

  
<style type="text/css">  
  
label, input {border: 1px solid;} /* Dass man auch was sieht */  
  
label {display: inline-block; width: 21%;}  
input {display: block;}  
label span {display: block;}  
input [type="radio"] {display: inline;}  
  
</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><span>ONAIR</span>	  
  	<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>