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

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

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

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

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

Code :

1 2 3 4 5

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

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

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

HTML-Code:

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

CSS:

Code :

1 2 3 4 5 6 7 8 9

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

Mein Lösungsvorschlag:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

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

HTML-Code:

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

Jo, klappt super...vielen Dank