[CSS] Background: left, right, top, bottom für eine Zelle

[kerbstone]

Hallo,

mir bereitet gerade das Problem Schwierigkeiten, dass ich
4 Hintergrundbilder in einem Div-Container integrieren möchte.
Absicht ist es, alle Seiten des Containers (links, rechts, oben und unten)
mit schönen "Rändern" zu versehen.

Weiß jemand wie ich das hinbekommen kann?

#cell{
left:36%;
top:1%; 
border-color:black; 
text-align:left; 
height:50%; 
width:54%; 
border-width:2px; 
position:absolute;
border-style:solid;
overflow:auto;

// Hier der entscheidende Punkt
// Hintergrundbilder sollen auch für links, rechts und oben gelten
background:url(img/cell_bottom.png) repeat-x bottom;
}

[Kropff]

Pack in das Div vier leere Span-Elemente und verpass denen das entsprechende Hintergrundbild.

Peter

[AmicaNoctis]

Hallo,

da pro Element nur maximal ein Hintergrundbild zulässig ist, brauchst du weiteres Markup, also insgesamt 4 HTML-Elemente, um das zu erreichen. Wenn der ganze Rahmen jedoch eine feste Breite oder eine feste Höhe hat, baust du das Bild so, dass zwei Ecken drin sind und brauchst auch nur zwei Elemente.

Evtl. hilft es auch, mal nach "sliding doors" zu googlen.

Gruß,

Amica

[kerbstone]

Vielen Dank, damit komme ich weiter