Wiederholende Grafik mit Anfang und Ende ohne Wiederholung

Nadidz

Hallo,
ich habe gerade für meinen Inhalt eine Grafik erstellt, welche sich wiederholen kann, dementsprechend, wie lang der Inhalt ist. Aber nun würde ich gerne oben und unten auch einen Schatten haben, der sich aber nicht im Inhalt wiederholt.

Wie kann ich das umsetzten?!
Mit zwei Extra-Grafiken?

Ich hoffe ihr versteht auch, was ich meine :D

Lg

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Tutrix

ein Link zum Blog wäre nicht schlecht und wo die Grafiken erscheinen sollen

mal vom Content ausgehend könnte es so aussehen

Code

<img class="content-top" alt="content-top" src="http://................../images/content-top.gif">
<div id="content"> flexibler Inhalt </div>
<img class="content-bottom" alt="content-bottom" src="http://............/images/content-bottom.gif">

ausrichten kannst du dann in der style.css über .content-top und .content-bottom
oder du arbeitest nur mit div und definierst die Grafiken über die style.css

Nadidz

Jetzt habe ich das erstmal so gemacht und es hat geklappt, aber jetzt verschwindet meine Sidebar nach unten, wieso?!

Code

<div id="maintop"></div>
    <div id="main">...
<div id="mainbottom"></div>

Code

#main {
    width: 660px;
    height: 450px;
    padding: 0px;
    float: left;
    position:relative;
    background:url(images/im.png) repeat-y;
}


#maintop {
    width:660px;
    height:10px;
    float: left;
    position:relative;
    background:url(images/io.png) no-repeat;
}


#mainbottom {
    width:660px;
    height:10px;
    float: left;
    position:relative;
    background:url(images/iu.png) no-repeat;
}

Alles anzeigen

Hier die Page:
http://blanad.hostingsociety.com/

Lg

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wiederholende Grafik mit Anfang und Ende ohne Wiederholung

Jetzt mitmachen!