Hallo zusammen,
ich habe eine Seite, welche aus 4 "Blöcken" besteht. Jeder einzelner Block (Div) besitzt ein eigenes Hintergrundbild, welches fest über CSS definiert ist.
Nun möchte ich es aber so lösen, dass ein Redakteur im Backend für jedes der vier Inhaltselemente ein HG-Bild selbst hochladen und festlegen kann.
Wie löse ich es am besten?
Beispiel in abgespeckter Form:
<div id="wrapper">
<div id="oben_links">###INHALT1###</div>
<div id="oben_rechts">###INHALT2###</div>
<div style="clear: both;"></div>
<div id="unten_links">###INHALT3###</div>
<div id="unten_rechts">###INHALT4###</div>
<div style="clear: both;"></div>
</div>
Die DIV-IDs beinhalten die Hintergründe - Bsp.:
#oben_links{
background: url(../images/hgol.jpg) no-repeat;
background-size: cover;
float: left;
width: 45%;
height: 100%;
}