Zum Inhalt springen

Überschrift mit fixer Grafik

Erstellt am 7. November 2006 · 2 Antworten · letzte Antwort am 7. November 2006

Tags: HTML & CSS, Frage

bakanahito ·

Hallo zusammen, ich würde gerne meine h2 Überschriften in mit einer Grafik versehen. Die Überschrift sollte aus einem farbigen Balken bestehen und links oder rechts neben dem Text eine kleine Grafik stehen. Ich habe es bereits per CSS versucht, bin da aber nicht wirklich der Meister. Die Grafik sollte über den Balken herausstehen und der Text weiterhin echter Text sein. Ein Beispiel, wie ich mir das vorstelle ist unter http://www.myfriesenanzeiger.de/ zu sehen, da rechts unten ist eine derartige Überschrift zu sehen. Würde mich freuen, wenn mir jemand einen Hinweis geben könnte, wie ich das verwirklichen kann.
Vielen Dank schon mal!

einpraegsam.​net ·

Das hat aber nichts mit TYPO3 zu tun sondern alleine CSS!

Du speicherst den Balken mit dem Logo als JPG ab und machst den Rest per CSS

h2 {
        margin: 0px;
	padding: 0px;
	width: 200px;
	background-image: url(../img/box/box_klein_anfang.png);
	background-repeat: no-repeat;
	height: 23px;
	padding: 11px 20px 0px 20px;
	
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-style: italic;
	font-size: 11px;
}

so oder so ähnlich