Hallo Leute,
gern möchte ich erreichen, dass bei meiner Überschrift ein grafisches Element vorgesetzt wird (z.B. ein Dreieck). Wo kann ich soetwas einstellen? Wie kann ich das ganze vertikal gegenüber der Überschrift zentrieren?
Überschrift mit vorgesetzter Grafik
mit CSS?
Stichworte:
background-image, background-position, repeat:no-repeat;
nur als Beispiel...
#angry#
ja, selbstverständlich! Das hat man nun davon, wenn man sich so auf's TYPO3 versteift!
nicht vergessen beiträge auf gelöst zu stellen. ich habs nochmal für dich gemacht
georg
Das mit dem CCS und H1 scheint wohl doch nicht so einfach zu sein. Ich habe jetzt mal folgendes verwendet:
h1 { font-size: 133.33%; padding-bottom:1ex;
background: url(..images/dreieck.gif);
}
Selbst wenn ich "background" durch "background-image" ersetze, scheint dies keinerlei Wirkung zu zeigen. Das Bild ist vorhanden; das habe ich geprüft.
Wo ist mein Denkfehler?
Hallo,
(..images/dreieck.gif)
als Pfad gibts nicht
entweder ../images oder images aber nicht so und immer relativ zum CSS file
georg
okay, danke. Habe das jetzt wie folgt geändert:
h1 { font-size: 133.33%; padding-bottom:1ex;
padding-left:12px;
background: url(../images/dreieck.gif) no-repeat left center;
}
Das Bild wird angezeigt; eine vertikale Zentrierung erfolgt aber leider nicht 😢
Hallo,
die Grafik wird definitiv zentriert im h1, aber man muss halt noch schauen was für ein padding/margin wird dort gesetzt, usw... ohne url wirds schwer
Georg
Habe jetzt mal die Hintergrundfarbe von H1 auf rot gesetzt, um das ganze zu durchschauen. Du hast recht, die Grafik wird zentriert. Jedoch nicht der Text!
ja das musst du halt mit einem padding-top u.ä machen
georg
Danke @all!
mit padding läuft es so, wie ich es mir vorstelle.