Peter Kaufmann: Breite eines Block Elements

SELF-Forum

Breite eines Block Elements

Peter Kaufmann Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo an alle,

mein Problem ist folgendes:
Ich möchte mit CSS allen Überschrift einer bestimmten Stufe eine Hintergrundfarbe zuweisen. Allerdings möchte ich keine farbigen Balken über die ganze Fensterbreite erzeugen. Es soll also nur der Text (und nicht mehr) farblich unterlegt werden.
Kompliziert wird das Problem, weil:

  • ich display:inline nicht benutzen möchte, da nach der Überschrift eine neue Zeile geschaltet werden soll.
  • ich leider den einzelnen Überschriften keine angepasste Weite zuweisen kann, da ich die CSS Anweisungen zentral definieren möchte und das Geamtkonzept DAU kompatibel werden soll.

Grüße,

Peter

p.s.: Ich glaube der NS 4.7 hat von sich aus (fälschlicherweise ?) genau das gemacht was ich ereichen möchte.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Breite eines Block Elements

    Axel Richter
    – Informationen zu den Bewertungsregeln

    Hallo,

    Ich möchte mit CSS allen Überschrift einer bestimmten Stufe eine Hintergrundfarbe zuweisen. Allerdings möchte ich keine farbigen Balken über die ganze Fensterbreite erzeugen. Es soll also nur der Text (und nicht mehr) farblich unterlegt werden.

    Nimm ein Inline-Element im Block-Element:

    <html>
    <head>
    <title></title>
    <style type="text/css">
    <!--
    h1 span {background-color:#00AEAD;}
    -->
    </style>
    </head>
    <body>
    <h1><span>&Uuml;berschrifttext zum Ersten</span></h1>
    <h1><span>&Uuml;berschrifttext zum Zweiten, etwas länger</span></h1>
    </body>
    </html>

    viele Grüße

    Axel

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Breite eines Block Elements

      Peter Kaufmann Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hallo Axel,

      vielen Dank für die Antwort. Es funktioniert so schon mal ganz gut. Allerdings finde ich es etwas unlogisch (aus Sicht eines Benutzers) eine Überschrift zusätzlich noch mit span formatieren zu müssen - nur damit das Layout stimmt. Das schöne an CSS ist ja eigentlich die weitesgehende Trennung von Layout und Content.
      Eine Lösung nur mit css wäre da wesentlich eleganter - scheint es aber nicht zu geben.
      Für meine Zwecke wird es aber schon gehen (hoffentlich denken meine DAUs auch so ;-)

      Grüße,

      Peter

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln