Text mit Hintergrundfarbe einrücken

Text mit Hintergrundfarbe einrücken

Beitragvon Groucho » 28.11.2011, 12:59

Hallo beisammen,

das ist meine 1. Frage hier, ich weiß also nicht mal, ob das hier eine allgemeine oder eine spezielle Frage ist - Also: Bitte nachsichtig sein.

Zu meinem Problem:
Ich würde gerne Überschriften (z.B. H2) invers darstellen, d.h. mit schwarzem Hintergrund und weißer Schrift.
Das Problem ist, dass der gesamte Inhalt in einer umrandeten Tabellenzelle dargestellt wird. Die Inhalte sollen 5 Pixel vom Rand abgesetzt sein.
Das klappt ja dank "padding" auch so wie ich es will, nur wird die Hintergrundfarbe von H2 genauso dargestellt, und die hätte ich eben gerne rechts und links bis zum Zellenrand.
Eine Anweisung die das Padding für die Hintergrundfarbe aufhebt (-5px oder so) gibt es aber wohl nicht. Zumindest habe ich die entsprechende Anwendung hierfür nicht gefunden.
Gibt es so etwas überhaupt? Ist mein Code völlig daneben?

INHALT - Allgemein
Code: Alles auswählen
#inhalt {
vertical-align: top;
padding: 5px 5px 5px 5px;
font-size:0.9em;
text-indent: 0px;
background-color: none;
}


Die Überschrift
Code: Alles auswählen
#inhalt h2{
background-color: #000000;
color: #ffffff;
font-weight: bold;
line-height: 20px;
font-size: 14px;
}


Ich bin für jeden nützlichen Hinweis dankbar.
Gruß,
Groucho
Groucho
neu hier
 
Beiträge: 1
Registriert: 28.11.2011, 11:49

Re: Text mit Hintergrundfarbe einrücken

Beitragvon djheke » 28.11.2011, 15:12

Doch margin:-0 5px; Also oben und unten 0px links und rechts -5px: Somit schiebt sich die Überschrift
über dein padding.
Benutzeravatar
djheke
Stammuser
 
Beiträge: 233
Registriert: 15.11.2010, 22:45


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Text mit Hintergrundfarbe einrücken"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste