3 Hintergrundgrafiken für einen Artikel möglich?
Hallo allerseits,
ich arbeite mich gerade in Contao ein, studiere grad das Buch von P.Müller. Was CMS betrifft bin ich Neuling, würde mich selber als ambitionierer Hobbyanwender beschreiben, mit mittleren Erfahrungen mit statischen Webseiten.
Bin jetzt über etwas gestolpert, wo ich mit dem CMS irgendwie nicht weiterkomme, denke aber ist ne relativ einfache Frage für euch, bitte nicht schimpfen wenn ich irgenwas übersehen habe...
Der folgede HTML-Code wird von Contao erzeugt (verkürzt zur besseren Übersicht).
Code:
<div id="main">
<div class="inside">
<div class="mod_article block">
<div class="ce_text block">
<h2>Eine Überschrift</h2>
<p>Text</p>
<p>Text</p>
<p>Text</p>
<img.....>
</div>
</div>
<div class="mod_article block">
<h1 class="ce_headline">überschrift</h1>
<div class="ce_image block">
<figure class="image_container">
<img.....>
</figure>
</div>
</div>
</div>
<div id="clear">
</div>
</div>
Ein Artikel beinhaltet Inhaltselemente, wie z.B. Text (ce_text), Überschriften oder Bilder.
Was ich jetzt erreichen möchte ist, das ich einem Artikel 3 Grafiken zuweisen kann, eine für den oberen Bereich, eine sich wiederholende für den mittleren Bereich (je nach länge des Artikels) und eine für den Abschluss (ganz unten).
Damit ich das mit CSS realisieren kann müsste ich 3 Elementen jeweils eins der drei Hintergrundbilder zuweisen.
Jedoch weiß ich nicht, welchen in das zuweisen könnte...
Der Klasse "mod_article" könnte ich z.b. das mittlere Hintergrundbild zuweisen. Aber welchen Elementen könnte ich die restlichen Grafiken zuweisen?
Allen schon mal vielen Dank für die Hilfe, hoffe ich blamiere mich jetzt nicht... ;)
PS: falls der Hinweis kommt CSS3 zu verwenden... das will ich ohne CSS3 versuchen.
Bernhardt
Liste der Anhänge anzeigen (Anzahl: 1)
Vielen Dank für Deine Antwort, ich wusste gar nicht, das ich mehrer Grafiken im background-tag ansprechen kann.
Hab's gleich versucht, funktioniert eigentlich ganz gut. Nur überschneiden sich die Grafiken, an den Ecken, siehe Bild.
Anhang 9160
Kann man das korrigieren?
@joe, auch Dir vielen Dank.
Also erst mit CSS3... darum war mir das neu, in CSS3 hab ich mich noch gar nicht eingearbeitet.
Template anpassen ist dann wohl doch (noch) ne Stufe zu hoch für mich.
Wenn's nur mit CSS3 klappt, hab ich natürlich ein Problem mit alten Browsern... und mit CSS3 überschneiden sich die Grafiken, damit würde es auch nicht klappen.
Also kann man's eigentlich vergessen. Schlecht!
Wenn noch jemand ne Idee hat, bitte her damit. ;)