[TYPO3-german] Wrap um Radio-Buttons

Die TYPO3 Mailingliste - nicht fragen: lesen!

This is a discussion on [TYPO3-german] Wrap um Radio-Buttons within the typo3-german@lists.netfielders.de forums, part of the TYPO3-Mailinglisten: DEUTSCH category; Hallo, ich würde gerne erreichen, dass 1. die Radio-Buttons in meinem Formular untereinander stehen inkl. der Labels 2. ...

		TYPO3Jack.net - Das TYPO3 Mailinglist Forum Archiv > TYPO3-Mailinglisten: DEUTSCH > typo3-german@lists.netfielders.de
[TYPO3-german] Wrap um Radio-Buttons

Alle Foren als gelesen markieren

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Ansicht

21.07.2008, 09:13

Timo Z.

Gast

Beiträge: n/a

[TYPO3-german] Wrap um Radio-Buttons

permalink

Hallo,

ich würde gerne erreichen, dass

1. die Radio-Buttons in meinem Formular untereinander stehen inkl. der
Labels
2. das Label vor dem Fieldset auf gleicher Höhe wie der erste
Radio-Button erscheint

Mein Contentrendering ergibt folgendes Bild:

Code:

<div class="csc-mailform-radio">

                        <label for="mailformRadioButton">Hier ist Ihre
Auswahl</label> 

                        <fieldset id="mailformRadioButton">

                                   <legend>Hier ist Ihre Auswahl:</legend>

                                   <input type="radio" name="RadioButton"
id="mailformRadioButtonOption1" value="Option 1" class="csc-mailform-radio"
/>

                                   <label
for="mailformRadioButtonOption1">Option 1<br /></label>

                                   <input type="radio" name="RadioButton"
id="mailformRadioButtonOption2" value="Option 2" class="csc-mailform-radio"
/>

                                   <label
for="mailformRadioButtonOption2">Option 2<br /></label>

                                   <input type="radio" name="RadioButton"
id="mailformRadioButtonOption3" value="Option 3" class="csc-mailform-radio"
/>

                                   <label
for="mailformRadioButtonOption3">Option 3<br /></label>

                                   <input type="radio" name="RadioButton"
id="mailformRadioButtonOption4" value="Option 4" class="csc-mailform-radio"
/>

                                   <label
for="mailformRadioButtonOption4">Option 4<br /></label>

                        </fieldset>

            </div>

Klar z.T. auch ein CSS-Problem, aber:
wie kann ich erreichen, dass ich um das input-Feld UND das dazugehörige
Label einen div wrappe, so in der Art <div
class=“radiowrap“><input…><label></div>

Meine Idee ist, dass ich die div’s dann nach links floate und immer cleare,
somit bleiben input und label zusammen und erscheinen je Button jeweils
untereinander.

Ich könnte dann auf das Fieldset auch verzichten, aber sobald ich das
###FIELD### in tt_content.mailform.20.RADIO.layout = <div
class="csc-mailform-radio">###LABEL### ###FIELD###</div> weglasse kommen
meine Radiobuttons nicht mehr (verständlicherweise, da diese ja im Fieldset
stecken).

Vielleicht habt ihr ja auch eine andere Idee wie ich das hinbekomme?

Grüße

Timo

_______________________________________________
TYPO3-german mailing list
TYPO3-german (AT) lists (DOT) netfielders.de
http://lists.netfielders.de/cgi-bin/...o/typo3-german

21.07.2008, 20:58

Thomas Sochart

Gast

Beiträge: n/a

Re: [TYPO3-german] Wrap um Radio-Buttons

permalink

Hallo Timo,

ich habe den Code in eine html-Seite eingebunden und es schaut gut aus.
Datei hängt an.

Viele Grüße
Thomas

Timo Z. schrieb:

>Hallo,
>
>
>
>ich würde gerne erreichen, dass
>
>1. die Radio-Buttons in meinem Formular untereinander stehen inkl. der
>Labels
>2. das Label vor dem Fieldset auf gleicher Höhe wie der erste
>Radio-Button erscheint
>
>
>
>Mein Contentrendering ergibt folgendes Bild:
>
>
>
>

Code:

>
><div class="csc-mailform-radio">
>
>                        <label for="mailformRadioButton">Hier ist Ihre
>Auswahl</label> 
>
>                        <fieldset id="mailformRadioButton">
>
>                                   <legend>Hier ist Ihre Auswahl:</legend>
>
>                                   <input type="radio" name="RadioButton"
>id="mailformRadioButtonOption1" value="Option 1" class="csc-mailform-radio"
>/>
>
>                                   <label
>for="mailformRadioButtonOption1">Option 1<br /></label>
>
>                                   <input type="radio" name="RadioButton"
>id="mailformRadioButtonOption2" value="Option 2" class="csc-mailform-radio"
>/>
>
>                                   <label
>for="mailformRadioButtonOption2">Option 2<br /></label>
>
>                                   <input type="radio" name="RadioButton"
>id="mailformRadioButtonOption3" value="Option 3" class="csc-mailform-radio"
>/>
>
>                                   <label
>for="mailformRadioButtonOption3">Option 3<br /></label>
>
>                                   <input type="radio" name="RadioButton"
>id="mailformRadioButtonOption4" value="Option 4" class="csc-mailform-radio"
>/>
>
>                                   <label
>for="mailformRadioButtonOption4">Option 4<br /></label>
>
>                        </fieldset>
>
>            </div>
>
>

>
>
>
>Klar z.T. auch ein CSS-Problem, aber:
>wie kann ich erreichen, dass ich um das input-Feld UND das dazugehörige
>Label einen div wrappe, so in der Art <div
>class="radiowrap"><input...><label></div>
>
>Meine Idee ist, dass ich die div's dann nach links floate und immer cleare,
>somit bleiben input und label zusammen und erscheinen je Button jeweils
>untereinander.
>
>Ich könnte dann auf das Fieldset auch verzichten, aber sobald ich das
>###FIELD### in tt_content.mailform.20.RADIO.layout = <div
>class="csc-mailform-radio">###LABEL### ###FIELD###</div> weglasse kommen
>meine Radiobuttons nicht mehr (verständlicherweise, da diese ja im Fieldset
>stecken).
>
>
>
>Vielleicht habt ihr ja auch eine andere Idee wie ich das hinbekomme?
>
>
>
>Grüße
>
>
>
>Timo
>
>_______________________________________________
>TYPO3-german mailing list
>TYPO3-german (AT) lists (DOT) netfielders.de
>http://lists.netfielders.de/cgi-bin/...o/typo3-german
>
>
>
>

_______________________________________________
TYPO3-german mailing list
TYPO3-german (AT) lists (DOT) netfielders.de
http://lists.netfielders.de/cgi-bin/...o/typo3-german

« [TYPO3-german] backup | [TYPO3-german] TYPO3 4.2, DAM, RTE und Filelinks »

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen. Es ist dir nicht erlaubt, auf Beiträge zu antworten. Es ist dir nicht erlaubt, Anhänge hochzuladen. Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten. BB-Code ist an. Smileys sind an. [IMG] Code ist an. HTML-Code ist aus. Trackbacks are an Pingbacks are an Refbacks are an

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[TYPO3-german] sr_feuser_register + Werte von Radio-Buttons imBackend	Michael Bakonyi	typo3-german@lists.netfielders.de	0	29.05.2008 16:21
[TYPO3] default uncheck radio buttons in tx_srfeuserregister	Jeroen Visser	typo3-english@lists.netfielders.de	4	11.01.2008 12:47
[TYPO3-german] rgsmoothgallery: Buttons austauschen funktioniertnicht	Michael Bakonyi	typo3-german@lists.netfielders.de	7	24.07.2007 12:36
[TYPO3-german] Newloginbox / Buttons verändern ?	Marcel Veronetzki	typo3-german@lists.netfielders.de	2	26.04.2007 09:15
[TYPO3] editing buttons have disappeared	Edwinna von Baeyer	typo3-english@lists.netfielders.de	1	14.01.2007 19:00

Alle Zeitangaben in WEZ +1. Es ist jetzt 01:35 Uhr.

[TYPO3-german] Wrap um Radio-Buttons

[TYPO3-german] Wrap um Radio-Buttons

Ähnliche Themen