Twilo: CSS Frage

Beitrag lesen

Hallo,

Ein User soll ein Motiv per Radio-Button auswählen können.
Kann man das vielleicht noch etwas geschickter lösen?

Ja, mittels <label>, ggf. auch <fieldset>. Und <br> benötigst Du nicht, gebrauche die display-Eigenschaft.

ich hab es jetzt so probiert

<form id="formular" method="post" action="">
  <div>
    <label>
      <img src="./motiv_0.gif" alt="" width="80" height="100" />
      <input type="radio" name="motiv" value="0" />
    </label>
  </div>
  <div>
    <label>
      <img src="./motiv_1.gif" alt="" width="80" height="100" />
      <input type="radio" name="motiv" value="1" />
    </label>
  </div>
  <div>
    <label>
      <img src="./motiv_2.gif" alt="" width="80" height="100" />
      <input type="radio" name="motiv" value="2" />
    </label>
  </div>
</form>

und folgendes CSS

<style type="text/css">
<!--
div {
  display: inline;
}
input {
  display:block;
}
-->
</style>

er stellt es aber nicht so dar, wie ich das gerne hätte :-/

wie bekomm ich es ausserdem hin, dass er nach 4 Bilder automatisch eine neue Zeile anfängt?  :-?

mfg
Twilo