Zum Inhalt springen

2 css-files überlappen

Erstellt am 18. Oktober 2010 · 2 Antworten · letzte Antwort am 19. Oktober 2010

Tags: Frage

typomo2010 ·

Hi zusammen,

habe ein Subtemplate in meine Seite integriert. Nun wird allerdings das Logo aus dem Header im Subtemplate vor der Überschrift angezeigt.
Durch Firebug weiß ich auch warum:

h1 {
color:#1B2319;
font-size:18px;
}

h1 {
background:url("../img/logo.jpg") no-repeat scroll left top transparent;
padding:0 0 38px 220px;
}

basics.css (Zeile 87)
h1 {
color:#95E62A;
font-family:Verdana,Tahoma,sans-serif;
................
text-decoration:none;
}

Das erste h1-Element wird durch die Konstanten der Subtemplate-Extension beschrieben, das zweite h1-Element durch das css des Haupttemplates und das dritte durch das css des Subtemplates.

Daher meine Frage, wie kann ich die Anzeige des Logos vor den Überschriften am elegantesten vermeiden? Anpassen des css des Subtemplates (aber wie kann ich dann erreichen, das dies das css- des Haupttemplates überschreibt)? Anlegen einer neuen Konstanten in der Extension des Subtemplates (wenn ja wie geht das am besten)?

Bin noch sehr unbeleckt was Typo3 angeht, daher sorry falls die Frage zu blöd ist #paralyzed#

igorshmigor ·

Die H1-Überschrift, die das Logo enthält, sollte eine ID oder Klasse erhalten, damit du sie speziell ansprechen kannst und sich die CSS-Eigenschaften nicht automatisch auf alle anderen H1-Überschriften übertragen.
(ich hoffe, dass ich das Problem überhaupt richtig verstanden habe)

typomo2010 ·

Hallo zusammen,

ich habe das ganze jetzt anders gelöst:
- neues CSS erstellt mit den Parametern für h1, die ich wollte
- über TS eingebunden: page.includeCSS {....}
- zack funktioniert #giggle#

Viele Grüße,
Mo