Bilder ausrichten/Elemente ansprechen

[SHO]

Hallo liebe Gemeinde :-)

ich verzweifle als immer noch Anfängerin an Contao. In reinem CSS immerhin, kann ich folgendes Problem schon lösen, nur mit Contao nicht:

Ich habe einen Artikel "Kopfzeile". In diesem gibt es ein Bild (Logo), dass auch angezeigt wird. Ich möchte dieses Logo und noch ein zweites Bild daneben nun ausrichten. Für das Stylesheet, was dem Layout angehört, das der Kopfzeile zugewiesen ist, habe ich versucht per ce_image, per #logo (vorher dem bild die ID "logo" und danach "#logo"im ersten feld unten zugewiesen, danach noch versucht mit ".logo" eine klasse zu benennen im 2.feld unten). Jeweils dann Elemntausrichtung variiert, aber es passiert nichts! Also schon mit dem einfachen Logo nicht. Geschweigedenn, dass ich das 2. Bild rechts DANEBEN ausrichten möchte.

HELP ...Ich entschuldige mich für die wilde Beschreibung, aber viell. versteht jmd was ich meine und kann mir auf den rechten Pfad helfen????

THX, Sho

[planepix]

Hallo Sho,

kann man das auch live sehen?
Oder ist die Installation lokal?

Dann versteht man es glaube ich besser

[SHO]

Hallo,

leider ist die Installation lokal ja (xampp)..
Also nochmal:
Es gibt einen Artikel im Header. Artikel=Kopfbereich. In dem Artikel gibts ein Bild. Dieses Bild möchte ich ansprechen per css, um es ausrichten zu können. Wie man ausrichtet mit css verstehe ich eigtl. aber ich bekomme es mit keiner ID/Klasse angesprochen. Es bewegt sich nicht :-)
Layout für den Kopfbereich kennt auch die angelgten Stylesheets, aber es passiert nichts mit dem Bild.

Ich hoffe das war deutlicher?

Grüße

[planepix]

Hallo Sho,

ok ich versuchs mal

Wenn das Logo im Header ist, dann wäre die CSS-Definition schon mal:

#header

Wenn das Bild dann mit dem Inhaltselement "Bild" eingefügt wurde, dann wäre das als CSS-Definition:

.ce_image

Wenn nur dieses Bild "angesteuert" werden soll, dann kannst Du eine Klasse vergeben, z.B.: "logo-oben".

Dann sollte sich dieses Bild via CSS so ansteuern lassen:

#header .ce_image.logo-oben
{
...
}

Wenn es ein Logo ist, wäre auch der Weg über ein Modul vom Typ Eigener HTML-Code denkbar, das dann im Seitenlayout in der Kopfzeile eingebunden wird.

So z.B.:

<!-- indexer::stop -->
<img src="tl_files/layout/logo.gif" width="80" height="80" alt="Logo" />
<!-- indexer::continue -->

Und mit Link dann so:

<!-- indexer::stop -->
<a href="{{env_url}}index.html" title="zur Startseite"><img src="tl_files/layout/logo.gif" width="80" height="80" alt="Logo"  /></a>
<!-- indexer::continue -->

Alternativ das Inhaltselement Galerie verwenden.

[wkoecker]

Hallo!

Wenn ich dein Mail richtig gelesen habe, dann setzt du die ID oder Klasse in Contao im Element unter Experten-Einstellungen. Dort brauchst du nur den Namen der ID oder Klasse, nicht aber die Kennung (. oder #) eintragen. Daher nur "logo" nicht "#logo". Die Kennung braucht man nur im CSS selber.

[SHO]

..für die Antworten erstmal, ich denke, ich kann mit den Hinweisen (Galerie, #header, .logo) etwas anfangen. Ich kanns erst heut Abend ausprobieren leider, gebe dann alsbalöd ein Feedback :-) Ich dachte es reicht, wenn ich im Seitenlayout für den Kopfbereich (der ja nur ein Artikel ist) die css benenne und in der css selbst nur .logo sage. aber woher soll contao wissen, wo es .logo anwenden soll, wenn ich nicht #header davor schreibe?! klingt logisch :-)
Außerdem danke für den Hinweis mit dem überflüssigen "#" vor den IDs..das hatte ich tatsächlich auch falsch gemacht anfänglich.

Schönen Tag erstmal
SHo