Hi,
Nur das Radio ist noch nicht an der richtigen Stelle (zweite Spalte) und sieht noch nicht gut aus.
select, input { > display: block;
>
> Das wird wohl daran liegen.
>
> MfG ChrisB
>
>
Hallo,
hmm, ja was denn?
Ich komme jetzt absolut nicht weiter.
Die Radiobuttons stehen incl. Schrift untereinander. Wie bekomme ich diese denn nun wieder nebeneinander
LABEL
O
Ja
O
Nein
Entferne ich das "width: 190px;" im select, input {} und das <br> hinter dem LABEL, werden die Radiobuttons wieder so angeordnet.
O O
LABEL Ja Nein
Wie bekomme ich denn folgende Darstellung hin?
LABEL
OJa ONein
Gruß
~~~html
<style type="text/css">
ul {
list-style: none;
padding-left: 2px;
}
li {
float: left;
width: 21%;
border: 1px solid #B3B3B3; /* Hilfslinie zum ausrichten */
margin-right: 5px;
padding: 5px;
}
label {
display: inline-block;
border: 1px solid green; /* Hilfslinie zum ausrichten */
}
select, input {
display: block;
width: 190px;
}
</style>
<fieldset>
<legend>Elemente nebeneinander</legend>
<ul>
<li><label for="in_user">Username</label><input id="in_user" type="text" value=""/></li>
<li>
<label>ONAIR <br>
<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>