table-less form, wie kann ich eine einzeilige Radiobox-auswahl g

[Mario Steinko]

Hi!

ich bin grad dabei ein tabellenloses Formular-Design zu erstellen, weiß jetzt jedoch nicht genau wie ich die Auswahl der Anrede mit einer Radiobox einzeilig machen kann, den Code findet Ihr übersichtlich hier:
http://www.webdevout.net/test?04

Vielen Dank
Mario

[Mario Steinko]

http://www.webdevout.net/test?0A

bitte den Link anschaun

danke
Mario

[Tim Tepaße]

Hallo,

ich bin grad dabei ein tabellenloses Formular-Design zu erstellen, weiß jetzt jedoch nicht genau wie ich die Auswahl der Anrede mit einer Radiobox einzeilig machen kann, den Code findet Ihr übersichtlich hier:

Du willst eine einzeilige Auswahlliste haben?

~~~html <select name="gender" size="1">
    <option>female</option>
    <option>male</option>
  </select>

  
  
Tim

[Tim Tepaße]

Hallo,

ich bin grad dabei ein tabellenloses Formular-Design zu erstellen, weiß jetzt jedoch nicht genau wie ich die Auswahl der Anrede mit einer Radiobox einzeilig machen kann, den Code findet Ihr übersichtlich hier:

Oh, Pardon, ich missverstand Dich, Du willst wirklich Radiobuttons.

• Du kannst auch die input-Element in label-Elemente verschachteln; das hilft
  dabei, Radiobutton und Textlabel zusammen zu halten, dass diese nicht wie bei
  Dir auseinander rutschen:
  <label> <input type="radio"> female </label>

• label ist im CSS-default meist auf display:block stehend – Du könntest also
  entweder mit display:inline sie zu Zeilenelementen machen oder aber mit float
  rumspielen.

• Eventuell empfiehlt sich um die beiden label-Elemente wirklich noch ein
  gruppierendes Element wie <p> – aber das hängt auch davon ab, was mal aus Deinem
  Formular werden soll, wenn's groß ist.

Tim

[Mario Steinko]

geschafft, danke!

lg
Mario

[Mario Steinko]

Sry, dachte das es ein neue Thread is da es ja nix mehr mit der ersten Frage zu tun hat. Du hast natürlich soweit recht das diverse css styles sind gleich...

Ich werd jetzt alles da reinposten ;)

lg
Mario

[Mario Steinko]

Hi!

Ich versuch grad ein radio buttons mit css to stylen, aber da label is immer etwas unter dem radio button, irgendwelche Ideen wie ich das schön hinbekomm?
So siehts derzeit aus:
http://www.webdevout.net/test?0C&raw

und da könnts ihrs ändern:
http://www.webdevout.net/test?0C

Vielen Dank
Mario

[ChrisB]

Hi,

Ich versuch grad ein radio buttons mit css to stylen, aber da label is immer etwas unter dem radio button, irgendwelche Ideen wie ich das schön hinbekomm?

vertical-align für die Inputfelder.

MfG ChrisB

[Mario Steinko]

Oh, danke

Ich habs fürs label ausprobiert, was aber nicht funktioniert hat, an das input feld vertical-align hab ich agr ned gedacht, danke!

lg
Mario