Fehler!

[Hard-Styler1]

Hi Leutz

Habe mal wieder ne Frage an euch ,und zwar geht es da drum ich will ne Content Boc machen mit Runden Ecken die Transparent sind !

kopf.jpg

mitte.jpg (verdoppelt sich wen inhalt dazukommt)

fux.jpg

Wichtig is dabei das ich nur einen Inhalt habe der aber komplett über alle 3Bilder liegt soll heisen wen ich einen text schreibe hallo würde es so ausehen als wen ich eine überschrift habe da der text dan auf dem kopf liegt mach ich jetzt ein < br /> da rein und schreib nochwas so würde es ausehen das ich was in die mitte schreibe!

hoffe alle haben es verstanden :sad:

Also keine 2 inhalts boxen nur eine die auf allen 3 bildern is und ich die box mit padding einstelen kan wie weit sie von rechts sein soll oder von links hier mal die 3gif Bilder !

Bilder.rar ... at uploaded.to - Free File Hosting, Free Image Hosting, Free Music Hosting, Free Video Hosting, ...

Habe es zwar schon versucht aber nicht geschafft hoffe jemand kan mir helfen !

Hardstyler

 

[threadi]

Ich lad sicher nicht runter. Was du suchst ist an sich kein Problem. Der Titel deines Topics schon eher :evil:

Baue eine Box (z.B. mit einem div), welche die Eigenschaft position: relative erhält. Darin musst du nun für das Bild oben und das Bild unten jeweils ein HTML-Element hinterlegt. Es ist dir überlassen, ob du das per img-Tag oder als Hintergrundbild eines div oder spans machst. Die beiden Elemente müssen nur jeweils absolut positioniert werden.

HTML

<div class="box">
<div class="top">&nbsp;</div>
<p>Text</p>
<div class="bottom">&nbsp;</div>

CSS

.box { position: relative; }
.box .top { position: absolute;top: 0px;left: 0px; }
.box .bottom { position: absolute;bottom: 0px;left: 0px; }

Für ältere Browser müsste man auch noch Höhen und Breitenangaben hinterlegen.