[gelöst] Richtiges Element selektieren und mit CSS formatieren
am 23.05.2013 - 10:00 Uhr in
Im beiliegenden Bild habe ich ein Element im Formular rot eingerahmt. Mit Stylizer 5 habe ich das Element selectiert, doch ich kann nicht darauf zugreifen, wenn ich in page.css formatieren möchte. Mit der Checkbox war das kein Problem, denn da habe ich das Element auch ansprechen können mit:
form#webform-client-form-134 div.form-checkboxes {
margin-left:-140px;
}Kann mir jemand auf die Sprünge helfen? Was ist richtig, damit ich dieses Element im CSS formatieren kann?
Ich bin für jeden brauchbaren Hinweis dankbar.
Beste Grüße aus Leipzig
Thomas
| Anhang | Größe |
|---|---|
| css_selektor.png | 33.93 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben

Hallo Thomas, mit dem
am 23.05.2013 - 11:51 Uhr
Hallo Thomas,
mit dem Stylizer kenne ich mich ganz gut aus und wenn die Seite irgendwo online zu sehen ist, kann dich dir den Selektor sicherlich heraussuchhen (wenn das Element überhaupt einen CSS-Klasse oder CSS-ID hat).
Wenn ich mit die Element so anschauen, bin ich mir nicht sicher, ob du das richtige Element überhaupt in der Liste drin hast.
Gruß
Berthold
Hallo Berhold, danke für
am 23.05.2013 - 12:10 Uhr
Hallo Berhold,
danke für deine Nachricht. Leider ist dieses Drupalprojekt im Intranet und kann es dir somit nicht zeigen. Sehr schade.
Wie du sicher schon erkennen konntest, handelt sich es um eine mit Webform erzeugte Seite.
Der Feldschlüssel von dieser Checkbox lautet: agb_akzeptieren
Im Feld Optionen habe ich folgenden Wert eingetragen: AGB akzeptiert | gelesen und akzeptiert
Vielleicht kannst du mir damit helfen. Es wäre prima, doch ich kann verstehen, wenn das nicht ausreicht um den richtigen Selektor zu bestimmen.
Ich danke dir dennoch für deine Mühen.
Nimm doch einfach den
am 23.05.2013 - 12:52 Uhr
Nimm doch einfach den Quelltext und mach daraus eine HTML-Datei und die packst du irgendwo hin, wo ich sie sehen kann.
Das müßte eigentlich auch funktionieren, jedenfalls wäre es einen Versuch wert.
Gruß
Berthold
Vielen lieben Dank, Berthold
am 23.05.2013 - 13:33 Uhr
Vielen lieben Dank, Berthold !
Also ich habe in der Zwischenzeit nun doch dieses Element ausfindig machen können (mit firebug).
/* Abstand der Optionsangabe AGB und im Sinne §13 */
form#webform-client-form-134 label.option {
text-align: left;
width: 190px;
}
Wenn du dir bitte noch eimal das Bild anzeigen lässt, dann kannst du sehen, dass die Bezeichnung:[Ich bin kein Verbaucher] auf zwei Zeilen steht. Leider kann ich dieses Element nicht ansprechen bzw. finden.
Ich habe wie du es vorgeschlagen hattest, dir einmal den Quellcode beigelegt.
<div class="form-item webform-component webform-component-checkboxes webform-container-inline" id="webform-component-agb-akzeptieren"><label for="edit-submitted-agb-akzeptieren">AGBs <span class="form-required" title="Diese Angabe wird benötigt.">*</span></label>
<div id="edit-submitted-agb-akzeptieren" class="form-checkboxes"><div class="form-item form-type-checkbox form-item-submitted-agb-akzeptieren-AGB-akzeptiert-">
<input type="checkbox" id="edit-submitted-agb-akzeptieren-1" name="submitted[agb_akzeptieren][AGB akzeptiert ]" value="AGB akzeptiert " class="form-checkbox" /> <label class="option" for="edit-submitted-agb-akzeptieren-1"> gelesen und akzeptiert </label>
</div>
</div>
Vielen lieben Dank, an dieser Stelle....
da sind doch genügend
am 23.05.2013 - 16:03 Uhr
da sind doch genügend selektoren um das input anzusprechen..
Hallo Thomas, ich habe mal
am 23.05.2013 - 16:49 Uhr
Hallo Thomas,
ich habe mal den folgenden Selektor genommen:
DIV#edit-submitted-agb-akzeptieren > DIV > LABEL.option{
border: 1px solid #FF0000 !important;
}
und das Ergebnis kannst du im Anhang sehen.
Es hat Klick gemacht
am 24.05.2013 - 07:30 Uhr
Guten Morgen Berthold,
vielen Dank für deine Unterstützung. Das war für mich eine große Hilfe, denn anhand dieses Selektors habe ich es auch verstanden andere Elemente zu bestimmen/anzusprechen .
ich bin zwar von drupal überzeugt, doch noch lange habe ich nicht den überblick, wie du - ich werde mich aber weiterhin bemühen, in meiner wenigen zeit, mich mit drupal zu angangieren :)
Vielen lieben Dank noch einmal an Berthold alias torfnase
PS. es ist immer schön, wenn man sich gegenseitig hilft - doch der user 'caw' hätte einwenig helfen können, anstatt mir nur zu zeigen, wie doof ich doch bin und das nicht nicht selbst erkennen kann :) Ist nicht böse gemeint, doch solche Kommentare sind eben für Hilfesuchende nichts wert. Berthold (user: torfnase) hat sich zeit genommen und mir die lösung gezeigt und nebenbei habe ich auch noch etwas gelernt. so sollte es sein und ich gebe zu, dass ich einwenig mehr zeit brauche um das zu verstehen, was andere schneller verstanden haben.