✔ Einfache Ebene mit abgetrennter Überschrift

[folio]

Hallo,

ich möchte so etwas mit HTML/CSS erstellen, aber irgendwie krieg ich es nicht hin...die Überschrift sollte möglichst mit h3 gemacht sein

hat jemand ne idee, wie man das anstellen könnte?
http://s3.sceneworld.net/files/93/screen.png.php

 

[Maik]

Sorry, mit dieser dürftigen Umschreibung lässt sich dein Vorhaben nicht nachvollziehen und der Link bringt auch nicht mehr Licht ins Dunkel

 

[folio]

Sorry, hatte grad keinen Filehoster gefunden weil Imageshack down war. Jetzt gehts aber wieder:

http://img138.imageshack.us/img138/4513/screen4bs.png

 

[Maik]

CSS-Code für eine Überschrift 3.Ordnung mit orangenem Hintergrund:

h3 {
background: #ffbf00;
color: #000000;
padding: 10px;
}

 

[folio]

Jo, danke schon mal, jetzt soll inden grauen Bereich noch Inhalt reinkommen! Und daran scheitere ich!

 

[Maik]

Dann zeig doch bitte mal den HTML- / CSS-Code.

 

[folio]

<div class="fazit">&nbsp;<h4>Unser Fazit</h4> Lorem ipsum&nbsp;</div>

CSS:

.fazit {
padding:5px;
background-color:#FEF4DE;
}
h4 {
margin:0;
background-color:#F9B044;
height:30px;
}

 

[Maik]

Mein Lösungsvorschlag:

div.fazit {
background-color: #FEF4DE;
}

div.fazit p {
margin: 0;
padding: 5px;
}

h4 {
background-color: #F9B044;
line-height: 30px;
margin: 0;
padding-left: 5px;
}

<div class="fazit">
     <h4>Unser Fazit</h4>
     <p>Lorem ipsum</p>
</div>

 

[folio]

Jo, klappt super...vielen Dank