Richtigen selektor finden

[BuchwaldM]

Hallo liebe Contao Freunde

Hab ein kleines Problem den richtigen selektor zu finden.
Möchte die Padding settings für alle Bilder extern per css bestimmen und nicht übers backend für alle einzeln.
Geht um die Seite:
http://www.nenno-architektur.de/konzept.html
Dem Bild rechts oben möchte ich padding zuweisen.
Habe es mit .ce_image.mainbildRO.block .image_container {padding-bottom:22px;padding-left:166px} etc. versucht. Leider ohne erfolg. Wie spreche ich die Klasse image_container innerhalb der klasse mainbildRO an?

Vielen Dank

[ways2web]

hast du es schon mit

#konzeptbild1{
..
}

versucht?

das müßte doch das umschließende Div sein.. kann mich aber auch irren zu dieser uhrzeit!

gruss
ways

[wotank]

hast du es schon mit

#konzeptbild1{
..
}

versucht?

jau, denke ich auch.

Sowas kann man ganz leicht mit Firebug (deutsches Tut dazu) rausfinden.

[BuchwaldM]

Hi ihr beiden

Ich benutze natürlich Webdev und Firebug dank der guten Tips hier im Forum.
Problem ist natürlich, daß auf den anderen Unterseiten(Visualisierung etc.) die Bilder nicht mehr Konzeptbild 1 heißen.
Ich möchte es für alle Unterseiten über die Klasse image_container in der jeweiligen Klasse mainbildRO bzw. mainbildRU ansprechen.

[Nina]

Und warum nicht verkürzt mit
.mainbildRO .image_container {padding-bottom:22px;padding-left:166px} ?

Stell das doch mal testweise ein und nimm die Inline-Anweisungen raus. Dann können wir sehen ob es passt und dir ggf. weiterhelfen.

[BuchwaldM]

Hallo Nina

Danke für deine Hilfe. Hatte mit dem Webdev "css bearbeiten" benutzt um es live zu testen. Erst mit !important hat es jetzt geklappt. Hatte einfach nur versucht mit mehr Selektoren eine höhere Spezifizität ohne !important zu erreichen.
Ich bin mir auch immer unsicher, wann ich #main oder wann ich #main .inside benutzen sollte etc. Anfängerprobleme eben.
Was genau meinst du mit Inline Anweisung?

[CeeKay]

Mit "Inline-Anweisung" ist die Nutzung des style-Attributs gemeint (sowas wie <p style="color:red;">Text</p>).

Wenn du Probleme mit den Selektoren hast, dann schau dir doch mal Little Boxes oder Einführung in XHTML, CSS und Webdesign an.

#main = Ein Element mit der ID main
#main .inside (Leerzeichen beachten!) = Ein Element mit der Klasse inside, welches ein Nachfahre eines Elements mit der ID main ist
#main.inside (kein Leerzeichen) = Ein Element, welches die Klasse inside und die ID main hat (nicht zu empfehlen, ältere Internet Explorer mögen das nicht)

[BuchwaldM]

Vielen Dank nochmal.
Ich versteh schon, was #main und was .inside ist.
Mein Problem war eher, ob es einen Unterschied macht, ob ich einem Selektor nur #main oder #main .inside voranstelle. Natürlich erfährt die zweite Variante eine höhere Spezifität/Priorität. Ich wußte nur nicht, ob es sich auch noch anders auf Layout auswirken könnte.