Titelseite Balken erstellen und Bild darunter platzieren

[trabajador]

Hallo,

ein farblicher Balken möchte auf der Titelseite im oberen Bereich erstellt werden, worauf mehrere Link-Buttons positioniert werden. Darunter ein Bild soll als Hintergrund den restlichen Bildschirmbereich ausfüllen. Jedoch das Bild darf nicht als Hintergrund geladen werden, denn der Balken würde sonst den oberen Bereich des Balkens zudecken.
Mit welchem Quellcode ist eine Darstellung eines waagerechten schmalen Balkens sowie die Darstellung eines darunter platzierten Bildes als Hintergrund auf einer Seite möglich.
Danke für Eure Hilfe.

Mit besten Grüßen

 

[threadi]

HTML für die Kodierung, CSS für die Gestaltung (natürlich :) ).

HTML:

<p id="balken">Hier kommt der Balken oben, könnte auch ein div sein.</p>
<div id="content">Das ist der Inhaltsbereich unterhalb des Balkens, der das Hintergrundbild bekommt.</div>

CSS:

#balken { height: 28px;background-color: red; }
#content { background-image: url(bild.jpg); }

 

[trabajador]

Danke für die Antwort, hat geklappt.