Ich würde gerne einfache Sitemaps als Inhaltselemente benutzen, aber je nach Seite unterschiedlich gestalten.
Kann ich nun einem einzelnen Inhaltselement vom Typ Sitemap je nach Seite oder womöglich sogar mehreren auf einer Seite eine eigenen CSS zuweisen?
Ich habe versucht der von CSS Styles Content zugewiesenen Klasse:
.csc-menu csc-menu-3
einen Stil zu zuweisen:
.csc-menu csc-menu-3 ul {
...
aber es tut sich nicht, es wird immer noch der UL-Style ausgegeben, den ich grundsätzlich der Spalte der Designvorlage zugewiesen habe.
Habe ich vielleicht irgendeinen Denkfehler?
Vielen Dank für alle Tipps
Ralf
Überschreibst Du die globale CSS mit einer gleichnamigen oder packst Du im Seitenbaum darunter nur eine einzelne CSS für .csc-menu-3 rein?
Im ersten Fall solltest Du prüfen, ob die CSS wirklich nur einmal eingebunden ist oder versehentlich zweimal im Quelltext auftaucht.
Im zweiten Fall solltest Du überlegen den ersten Fall anzuwenden oder alternativ die gewünschten Definitionen mit Priorität überschreiben.
Ich benutze Stylizer, um die Auswirkung von einzelnen priorisierten Überschreibungen zu testen. Sehr praktisch.
Gruß,
Alf
dcn schrieb
Überschreibst Du die globale CSS mit einer gleichnamigen oder packst Du im Seitenbaum darunter nur eine einzelne CSS für .csc-menu-3 rein?
Nein – im Moment habe ich nur eine globale CSS.
Allerdings würde ich gerne wissen, wie ich einzelne CSS nur auf einer Seite überschreiben könnte.
Ich habe es mal über ein Extention Template versucht – aber wusste nicht wirklich wie ich quasi nur die css einbinde – es funktionierte nur, wenn ich quasi die komplette Definitionen aus dem Hauttemplate übernommen habe und ein neues css zugewiesen habe
würde aber eignetlich nur gerne wenige CSS überschreiben oder wenige neue für eine einzelne seite integrieren, um nicht so ein "aufgeblähtes Haupt-CSS" zu haben, obwohl viele Definitionen unr auf einzelnen Unterseiten notwendig sind.
Es wäre toll, wenn mir jemand da auf die Sprünge helfen könnte.
dcn schriebIm zweiten Fall solltest Du überlegen den ersten Fall anzuwenden oder alternativ die gewünschten Definitionen mit Priorität überschreiben.
was meinst Du mit "Priorität" überschreiben?
Ich binde meine Haupt css so ein:
# Default PAGE object:
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/a.css
kann ich auf Unterseiten per ExtensionTemplate einfach weitere CSS definieren und dadurch CSS-Anweisungen ergeänzen oder vorhandene Temporär überschreiben?
Seite xy im Seitenbaum:
page.includeCSS.file1 = fileadmin/b.css
Seite Z im Seitenbaum:
page.includeCSS.file2 = fileadmin/c.css
Oh Sorry... wegen der Frage mit der CSS auf den verschiedenen Seiten.
Statt fragen kann ich ja auch ausprobieren, statt Eure Zeit zu stehlen. ;-)
Und es hat funktioniert.
Nur das eigentliche Problem habe ich dennoch nicht im Griff.
So oder so greift meine .csc-menu-3 ul Anweisung nicht :-(
Ich mache es auch so, css-attribute zu überschreiben, damit keine Giga-große CSS-Datei entsteht. In diesem Fall kannst Du mit !important die Priorität setzen, dass alle anderen Definitionen überschrieben werden, egal ob sie davor oder danach ausgeführt werden.
Google mal nach css important ... oder benutze mal den Stylizer (www.skybound.ca), dann wird der Effekt des priorisieren schlagartig klarer.
HTH,
Alf
Danke für die Tipps.
Den Stylizer habe ich mir mal probeweise geholt. ISt tatsächlich recht aufschlussreich.
Gelöst habe ich es dennoch nicht.
Auch nicht, wenn ich important anwende.
Ich merke, dass ich zwar den Zugriff auf die Klasse .csc-menu-3 habe,
aber mir scheint, dass ich zwar
.csc-menu-3 li
.csc-menu-3 a
.csc-menu-3 a:hover
neu definieren kann, aber die angaben aus der übergeordneten UL
kann ich nicht überschreiben.
.csc-menu-3 ul hat keine Auswirkung.
über list-style: none in der li kann ich zwar den list-style der übergeordneten UL entfernen,
aber die Abstände werden beibehalten. Das heisst die Blockelmente beginnen erst nach dem Liststyle-Images der übergeordneten UL ... sind also eingerückt.
Der Stylizer zeigt der Auswahl der Menüliste den UL Style der CSS der Seite auch garnicht an.
Daraus folge ich dass der UL Style aus der übergeordneten CSS zum Tragen kommt :-)
Jetzt bin ich erst einmal mit meinem Latein am Ende...
Aha, ich bin nicht der einzige, der Samstags abend über CSS-Problemen brütet *freu*
Ich kann mich leider nicht mehr dran erinnern, wie das mit csc-menu ging. Ist einige Zeit her, aber Du müsstest das csc-menu ul mit dem Bullseye (Leertaste in Stylizer) im CSS lokalisieren können und dann entsprechend mit einem negativen margin-left verschieben können.
Wenn das geklappt hat kopiere ich immer in ein eigenes patch.css und wenn es dann von TYPOs temporärem CSS überbügelt wird, bekommt es noch ein !important.
So, Wochenende , bin wech ;-)
Alf
Ja ja ...
Leider kein Wochenende für mich ;-)
Das mit dem Stylizer muss ich mir mal anschauen.
Danke für die Tipps.
Ralf
Der Stylizer war ein guter Tipp.
Irgendwie bleibt es zwar unbefriedigend, dass ich die UL-Definition für die Klasse .csc-menu-3
nicht überschreiben kann,
aber über .csc-menu-3 a habe ich einige Einflussmöglichkeiten und kann per negativem margin
einen Einzug der übergeordnet greifenen UL wieder ausgleichen.
So richtig verstehe nich nicht was da passiert, aber ich freue mich, dass ich nun in einer Spalte unterschiedlich gestaltete Sitemap-Menues verarbeiten kann.
So haben die vielgeschmähten Klassen, die CSS Styles Content generiert doch einen spürbaren Nutzen.
Wieder viel gelernt ;-)
Danke für die Hilfe