powermail: ERSTEN Optionbutton rechts ausrichten, restliche links

Hallo Leute!

Klar, mein Problem ist durch CSS zu lösen. Da sich hier aber die wahren Profis tummeln und es sich ja um ein Powermailformular handelt, dachte ich mir, dass hier vielleicht schon einmal jemand ein ähnliches Problem hatte und mir helfen kann.

Folgendes:

Ich habe ein Powermailformular mit mehreren Optionbuttons, die in mehreren Gruppen zusammengefasst sind. Der erste Optionbutton einer jeden Gruppe soll nun innerhalb der Gruppe rechts ausgerichtet sein, die anderen dann links untereinanderstehen.

O Option 2 | O Option 1
O Option 3
O Option 4

Ich denke, dass das durch ein einfaches

float: right;

zu lösen wäre ... aber ich bekomme das Element einfach nicht gegriffen.

Mit

fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner {
	float: right;
}

schiebt er mir natürlich alle Optionbuttons nach rechts. Und

fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner:first-child {
	float: right;
}

ist es leider auch nicht.

OK, wie macht man's richtig?!

Danke!!

Ciao,
Stefan.

Hi

Kleiner Tip.
Schau Dir mal die Layout Felder an.
Damit kannst Du dem 1. Element "Layout 1" geben und dem 2. "Layout 2".
Dies ist dann per CSS ansteuerbar.

Gruß Niels

Hallo Niels,

so wie Du das vorschlägst geht es leider nicht. Ich kann nur für die gesamte Optionbutton-Gruppe ein Layout vergeben, nicht für ein Element dieser Gruppe.

Ich erweitere einfach mein Beispiel. Vielleicht wird's dann klarer:

Gruppe 1:
O Option 2 | O Option 1
O Option 3
O Option 4

Gruppe 2:
O Option 2 | O Option 1
O Option 3
O Option 4

Gruppe 3:
O Option 2 | O Option 1
O Option 3
O Option 4

Und wie man sieht, soll immer der erste Optionbutton der Gruppe nach rechts rücken.

Ciao,
Stefan.

Hi

Ob und wie das mit TS lösbar ist weiß ich gerade nicht.
Bei CSS 3 gibt es nth-child siehe http://wiki.selfhtml.org/wiki/CSS/Selektoren/Pseudoklasse/strukturelle_Pseudoklasse/nth-child.
Zu beachten ist allerdings die Browserkompatibilität.
Sollte das kein Problem sein kannst Du das verwenden.

Mit jQuery geht das natürlich auch siehe http://api.jquery.com/nth-child-selector/.

Gruß Niels

Ja, und wie Du in meinem Ursprungspost sehen kannst, war das auch mein Gedanke:

schiebt er mir natürlich alle Optionbuttons nach rechts. Und

fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner:first-child {
float: right;
}

ist es leider auch nicht.

Ich hab es halt mit first-child probiert. Nicht mit :nth-child(1) ...

Ich denke, dass ich den Optionbutton an sich nicht richtig selektiere. Sprich mein

fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner

nicht richtig ist.
Also ... was meinen die Profis?

Ciao,
Stefan.

Hi

Sorry aber Dein Gedanke war nicht mein Gedanke und daher falsch.
Will jetzt nicht kleinkariert sein aber Du scheinst nicht viel Ahnung zu haben und hast Dir mit Sicherheit meinen Link zu nth-child nicht wirklich vollständig angeschaut sonst würdest Du diese Frage nicht stellen und vor allem nicht nach 7min antworten.
Wenn man nur Copy & Paste macht lernt man nun mal nichts!
Und nur grob in eine Richtung zu tippen heißt noch lange nicht das gleiche gemeint zu haben geschweige den etwas zu wissen.
Schau Dir den Link nochmal an, lese, verstehe und probiere. Das ist nicht wirklich schwer.

Gruß Niels

Calvinstefan schrieb

So, und hier für alle die, die eine qualifizierte und wirklich hilfreiche Antwort zu diesem Problem suchen:

Etwas unnötig die Aussage.
Es kann keiner was dafür wenn Du zu faul bist zu lesen und zu verstehen.
Bei solcher Aussage darfst Du Dich nicht wundern wenn Leuten wie Dir gar nicht mehr geholfen wird.

Gruß Niels