Ü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.