Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Anfängerfragen ›

[gelöst] Richtiges Element selektieren und mit CSS formatieren

Eingetragen von admindrupal (347)
am 23.05.2013 - 10:00 Uhr in
  • Anfängerfragen
  • Drupal 7.x

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

AnhangGröße
css_selektor.png33.93 KB
‹ Vorgabewerte im Textfeld [gelöst] Richtiges Element selektieren und mit CSS formatieren ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Hallo Thomas, mit dem

Eingetragen von torfnase (1525)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hallo Berhold, danke für

Eingetragen von admindrupal (347)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Nimm doch einfach den

Eingetragen von torfnase (1525)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Vielen lieben Dank, Berthold

Eingetragen von admindrupal (347)
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....

  • Anmelden oder Registrieren um Kommentare zu schreiben

da sind doch genügend

Eingetragen von caw (2762)
am 23.05.2013 - 16:03 Uhr

da sind doch genügend selektoren um das input anzusprechen..

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hallo Thomas, ich habe mal

Eingetragen von torfnase (1525)
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.

AnhangGröße
screeny2.JPG 37.77 KB
  • Anmelden oder Registrieren um Kommentare zu schreiben

Es hat Klick gemacht

Eingetragen von admindrupal (347)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 4 Tagen 12 Stunden
  • Hey danke
    vor 5 Tagen 7 Stunden
  • Update: jetzt gibt's ein
    vor 6 Tagen 1 Stunde
  • Hallo, im Prinzip habe ich
    vor 1 Woche 3 Tagen
  • Da scheint die Terminologie
    vor 1 Woche 3 Tagen
  • Kannst doch auch alles direkt
    vor 2 Wochen 20 Stunden
  • In der entsprechenden View
    vor 2 Wochen 20 Stunden
  • Dazu müsstest Du vermutlich
    vor 2 Wochen 20 Stunden
  • gelöst
    vor 4 Wochen 4 Tagen
  • Ja natürlich. Dass ist etwas,
    vor 4 Wochen 5 Tagen

Statistik

Beiträge im Forum: 250233
Registrierte User: 20449

Neue User:

  • Mroppoofpaync
  • 4aficiona2
  • AppBuilder

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 8 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association