Druckbare Version
Hallo,
ich möchte gerne die erste Überschrift auf einer Seite mit einem besonderen Format versehen. Wie kann ich es schaffen, dass Contao das automatisch macht?
Bei der Navigation gibt es eine Klasse "first" für das erste Element, bei den Inhaltselementen finde ich das nicht.
Neelix
Leg die Überschrift als ersten Inhaltselement separat an. Dann kannst du es ansteuern bzw. wenn du es noch schöner willst kannst du dann noch eine Klasse/ID mit angeben. Wobei bei Kunden das in der Regel nicht klappt, kann ich aus eigener Erfahrung sagen.
Dem Kunden aber mitzuteilen, das wenn er eine neue Seite anlegt, erste die Überschrift und dann die Textblöcke anlegen soll klappt dahingegen immer.
Manche Sachen muss man auch einfach nicht verstehen ;)
Das Ansteuern einer bestimmten Überschrift (wie auch anderer Elemente) ist auch via CSS möglich.
Angenommen, Deine Überschrift befindet sich im Bereich #main und ist eine h1, angenommen, Du hast in #main mehrere Überschriften, dann sollte das mit dem folgenden Code gehen:
Zuerst verpasst man allen h1, deren Elternelement #main ist, die für die erste Überschrift gewünschten Formate:
Also: Gib allen Überschriften in h1 die Größe und Farbe.Code:#main h1 {
font-size: 2em;
color: #003366;
}
Schritt 2 gibt allen Überschriften außer der ersten eine andere Formatierung - das funktioniert, weil die erste Überschrift keinen geschwisterlichen Vorgänger hat, alle weiteren Überschriften jedoch mindestens einen Absatz als Vorgänger besitzen:
Also: Gib allen Überschriften, deren Vorgänger ein Absatz ist, eine andere Größe und Farbe.Code:#main p > h1, {
font size: 1.3 em;
color:#aa0000;
}
Du musst mal schauen, welche Definitionen in Deinem Fall vorkommen. Diese Selektoren kannst Du auch trefflich kombinieren.
Es gibt weitere Möglichkeiten, diese Art der Selektoren einzusetzen. Wie genau, dass musst Du anhand Deiner Dokumentstruktur heruasfinden und dann entsprechen anpassen.
Eric Meyer hat das ganz schön in http://meyerweb.com/eric/articles/webrev/200007a.html erklärt, ich vermute mal (ohne dich Bücher zu kennen), dass Peter Müller in 'Little Boxes' etwas ähnliches auf Deutsch geschrieben hat.
Stichworte für die weitere Recherche:
- Adjacent selectors
- Child Selectors
Carolina.
Da diese erste Überschrift anders aussehen soll als die folgenden, gehe ich mal davon aus, dass diese Überschrift auch eine andere Bedeutung hat (Semantik). Evtl. ist sie ja eine den anderen übergeordnete Überschrift. In diesem Fall solltest du versuchen den Kunden beizubringen, dass sie dafür H1 und für die folgenden H2 nehmen sollen.
Grüße