Zum Inhalt springen

Radiobuttons nebeneinander in Formular

Erstellt am 13. Januar 2005 · 11 Antworten · letzte Antwort am 22. Januar 2006

Tags: HTML & CSS, Frage

buccaneer ·

Hallo zusammen.

Ich schreibe gerade ein Formular, bei dem der Nutzer zwischen 4 bildern wählen kann. diese bilder habe ich mittels tabelle nebeneinander gesetzt (soweit kein problem) und möchte unter jedem Bild einen Radiobutton setzen. also dachte ich mir ich setzte sie einfach in eine neue zeile der tabelle und schon sollte es passen.
leider wird nur der erste radiobutton richtig angezeigt, die restlichen 3 immer untereinander.
da ich schon relativ lang herumprobiert habe, wäre es nett wenn mir jemand erklären könnte woran das liegen könnte und im Idealfall natürlich wie ich sie nebeneinander bekomme.

buccaneer

webdeveloper ·

Hallo,

ich habe in etwa ein ähnliches Problem.
Und zwar möchte ich u.a. auch checkboxen nebeneinander darstellen könnten.

Vielen Dank für eure Hilfe

buccaneer ·

diese frage gab es schon mehre male im Forum,
allerdings hab ich keine funktionstüchtige lösung gefunden. googlen hat auch nix gebracht.
wenn in die tabellenspalten checkboxen (oder radiobuttons) eingefügt werden,
zerlegt es die gesamte tabellenausrichtung.
irgendwie ist das echt frustrierend.
:o

Claudio.​Somaini ·

Hallo,

probiert mal folgende Extension aus:

th_mailformplus

Damit könnt ihr eure Formulare z.B. in Dreaweaver erstellen und dann in Typo3 einlesen. Somit sollten dann auch das Problem mit den Radiobuttons gelöst sein.

Gruss Claudio

buccaneer ·

@claudio:
danke erstmal.
die extension hab ich installiert aber hab damit immer noch probleme.
ich habe deinen alten beitrag dazu gelesen gelesen, komm damit trotzdem nicht klar.
gibt es dazu noch ne detalierte anleitung?

buccaneer ·
<html><head><title>Mietergeschenk</title>
</head><body>
<form method="post" action="/cgi-bin/mailform.cgi">
<table border="0" width="100%" valign="center">
<tr><td colspan=2>Ihr Name*:</td><td colspan=2><input name="kundenname" size=40></td></tr>
<tr><td colspan=2>Einzugsdatum*:</td><td colspan=2><input name="einzug" size=40></td></tr>
<tr><td colspan=2>Ihre Email (falls vorhanden):</td><td colspan=2><input name="Email" size=40></td></tr>
<tr><td colspan=2>Stra&szlig;e/Nr.*:</td><td colspan=2><input name="strasse" size=40></td></tr>
<tr><td colspan=2>Etage*:</td><td colspan=2><select name="etage" size=1>
<option>Erdgeschoss<option>1.Etage<option>2.Etage<option>3.Etage<option>4.Etage<option>5.Etage</select></td></tr><tr>
 <td cellpadding=5><a target=_blank href="fileadmin/images/layout/Shirts/gruene.html"><img src="fileadmin/images/layout/Shirts/gruene100.jpg"></a></td>
 <td cellpadding=5><a target=_blank href="fileadmin/images/layout/Shirts/voegeln.html"><img src="fileadmin/images/layout/Shirts/voegeln100.jpg"></a></td>
 <td cellpadding=5><a target=_blank href="fileadmin/images/layout/Shirts/silberfische.html"><img src="fileadmin/images/layout/Shirts/silberfische100.jpg"></a></td>
 <td cellpadding=5><a target=_blank href="fileadmin/images/layout/Shirts/hosenscheisser.html"><img src="fileadmin/images/layout/Shirts/hosenscheisser100.jpg"></a></td>
</tr><tr>
 <td><div align="center"><input type="Checkbox" name="Shirts" value="shirt-gruen"></div></td>
 <td><div align="center"><input type="Checkbox" name="Shirts" value="shirt-voegeln"></div></td>
 <td><div align="center"><input type="Checkbox" name="Shirts" value="shirt-silberfische"></div></td>
 <td><div align="center"><input type="Checkbox" name="Shirts" value="shirt-hosenscheisser"></div><td>
</tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td colspan="2">
<input type=submit value="Absenden!"></td></tr>
</table>
</form>
</body>
</html>

es wird leider gar nix angezeigt.
:o

Claudio.​Somaini ·

Probier mal das:

<!-- ###TEMPLATE_FORM### begin -->
<form name="Formular" method="post" action="index.php" enctype="multipart/form-data">
<table border="0" width="100%" valign="center"> 
<tr><td colspan=2>Ihr Name*:</td><td colspan=2><input name="kundenname" size=40></td></tr> 
<tr><td colspan=2>Einzugsdatum*:</td><td colspan=2><input name="einzug" size=40></td></tr> 
<tr><td colspan=2>Ihre Email (falls vorhanden):</td><td colspan=2><input name="Email" size=40></td></tr> 
<tr><td colspan=2>Stra&szlig;e/Nr.*:</td><td colspan=2><input name="strasse" size=40></td></tr> 
<tr><td colspan=2>Etage*:</td><td colspan=2><select name="etage" size=1> 
<option>Erdgeschoss<option>1.Etage<option>2.Etage<option>3.Etage<option>4.Etage<option>5.Etage</select></td></tr><tr> 
<td cellpadding=5><a target=_blank href="fileadmin/images/layout/Shirts/gruene.html"><img src="fileadmin/images/layout/Shirts/gruene100.jpg"></a></td> 
<td cellpadding=5><a target=_blank href="fileadmin/images/layout/Shirts/voegeln.html"><img src="fileadmin/images/layout/Shirts/voegeln100.jpg"></a></td> 
<td cellpadding=5><a target=_blank href="fileadmin/images/layout/Shirts/silberfische.html"><img src="fileadmin/images/layout/Shirts/silberfische100.jpg"></a></td> 
<td cellpadding=5><a target=_blank href="fileadmin/images/layout/Shirts/hosenscheisser.html"><img src="fileadmin/images/layout/Shirts/hosenscheisser100.jpg"></a></td> 
</tr><tr> 
<td><div align="center"><input type="Checkbox" name="Shirts" value="shirt-gruen"></div></td> 
<td><div align="center"><input type="Checkbox" name="Shirts" value="shirt-voegeln"></div></td> 
<td><div align="center"><input type="Checkbox" name="Shirts" value="shirt-silberfische"></div></td> 
<td><div align="center"><input type="Checkbox" name="Shirts" value="shirt-hosenscheisser"></div><td> 
</tr> 
<tr><td>&nbsp;</td><td><input type="hidden" name="id" value="###PID###">
    <input type="hidden" name="submitted" value="1">
</td>
<td colspan="2"> 
<input type=submit value="Absenden!"></td></tr> 
</table> 
</form>
<!-- ###TEMPLATE_FORM### end -->
buccaneer ·

danke für die hilfe.
angezeigt wird es schon mal richtig, nur funktioniert der mailversandt noch nicht. allerdings hilft mir die richtige anzeige nachher beim kunden. :o)

flanders ·

geht das nciht ohne extension? kann man nicht irgendwo in en source von typo was umschreiben? im typo object browser, jibet dazu nichts

fuss ·

Olla!

Ich hatte heut dasselbe Prob, hab aber auch nüx gefunden.

Hier nun meine Lösung (in Kombination mit CSS-styled content und der STANDARD mail-form), welche allerdings nur die Symptome, nicht aber die Ursache angeht (Die Buttons+Text bekommen ein <br /> drangehangen), konnte aber weiss der Geier warum, dieses BR mitm Objektbrowser nicht ausfindig machen... egal muss ins Bett...

TD.csc-form-fieldcell BR {
  display: none;
}

gruss, gdn8 fuss

nachtrag:
Evtl. sind einige andere Elemente ebenfalls davon betroffen, müßte man dann noch mehr selektieren. Hab das noch nich ausgiebig getestet, scheint aber aufn ersten Blick zu rocken.

Mojo ·

im Verzeichnis tslib das file class.tslib_content.php aufmachen und die Zeile

$option.= '<br /';

auskomentieren

konnt das br nicht zumachen da es sonst nicht angezeigt worden würde
😃

habs im objectBrowser auch nicht gefunden