Zum Inhalt springen

CSS für Sitemap

Erstellt am 17. April 2005 · 3 Antworten · letzte Antwort am 17. April 2005

Tags: HTML & CSS, Frage

Alexander Wilhelm ·

Hallo zusammen,

dass ich Anfänger bin, brauche ich euch nicht zu sagen, wenn ihr meine Frage hört, ist euch das sicher klar und wenn sich jemand meines Problems annimmt, dann bitte nicht mit dem Hinweis, dieses Forum zu lesen. Das habe ich jetzt mehrere Tage getan. Ich habe auch die eine oder andere Antwort gefunden, die mein Problem tangiert. Aber so richtig hilfreich waren die leider nicht. Also mein Problem in einer beispielsweisen Darstellung:

Ich habe eine Designvorlage bestehend aus einer Tabelle mit zwei Spalten.
Die linke Spalte hat einen schwarzen Hintergrund und in ihr befindet sich ein Textmenü.
Die rechte Spalte hat einen weißen Hintergrund und in ihr wird der Content dargestellt.
Als Stylesheet für die Seite ist ein CSS eingebunden, das die Links der Navigation in weiß, bei mouseover rot und onklick grau darstellt.

Nun ist eine Seite eingebunden, die eine Sitemap enthält.

Ihr erkennt jetzt mein Problem. Die Links der Sitemap sind auch weiß und auf der weißen Seite nicht zu sehen.

Wenn ich den Rat, den ich im Forum gefunden habe, anwende:

Extension Template für diese Seite und darin
seite.stylesheet = fileadmin/style_XX.css

ändern sich auch die Farben meiner Navigation.

Ich bitte dringend um Hilfe.

Tobidobi ·

Hallo Alexander,
schau doch mal im Quelltext der im Browser ausgegebenen Seite, ob Typo3 nicht automatisch für den Bereich, in dem deine Sitemap ist, eine eigene CSS Class erstellt.

Bei mir sieht das z.B. so aus:

<div class="sitemap2">Ämter</div>
...weitere Elemente...

(Ich verwende cSet Stylesheet als statisches Template, aber schau mal, je nachdem ist es bei dir vielleicht auch so...)

Damit könntest du in deinem CSS einfach eine neue Klasse .sitemap2 erstellen und dort einstellen.
Grüße
Tobi

striker ·

Du kannst auch beim generieren der Navigations-Links eine CSS-Klasse angeben <a class="nav1" href=...> oder auch eine CSS-id <a id="nav1" href=...>.

In deinem CSS File muss dass dann so ausschauen:

a {sonstige Links}
a.nav1 {bei verwenden der Klasse nav1}
a#nav1 {bei verwenden der ID nav1}

Ich bin mir nur nicht sicher ob es da sowas wie Vererbungen gibt. Also, dass eine Eigenschaft aus a sich auch in a.nav1 auswirkt. Wenn das jemand weis bitte hier als Antwort reintippen, interessiert mich auch.