Hallo Leute
Bin auf der Suche nach einer Lösung, wie ich automatisch ein DIV als Spacer zwischen den einzelnen Inhaltselementen einfügen kann, ohne dass ich jedes einzelne Template anpassen muss.
Danke und Gruss
cubano
Druckbare Version
Hallo Leute
Bin auf der Suche nach einer Lösung, wie ich automatisch ein DIV als Spacer zwischen den einzelnen Inhaltselementen einfügen kann, ohne dass ich jedes einzelne Template anpassen muss.
Danke und Gruss
cubano
Hm,
würde davon abraten, das Markup unnötig aufzublähen, wenn man das Ganze auch per CSS steuern kann.
Ich hab mir inzwischen ein Standard Entry für CSS erstellt. Stelle ich gern zu Verfügung.
Ist natürlich jederzeit verweiter- & anpassbar.Code:/* ======== *
* ABSTÄNDE *
* ======== */
.ce_text + .ce_text,
.ce_text + .ce_list,
.ce_text + .ce_table,
.ce_list + .ce_list,
.ce_text + .ce_downloadarchiv,
.ce_downloadarchiv + .ce_text,
.ce_gallery + .ce_table,
.ce_table + .ce_gallery,
.ce_table + .ce_text,
.ce_image + .ce_text,
.ce_headline + .ce_text,
.ce_headline + .ce_table,
.ce_headline + .ce_gallery,
.ce_headline + .ce_list,
.ce_text + .ce_form,
.ce_form + .ce_text,
.ce_form + .mod_dlh_googlemaps,
.ce_text + .mod_dlh_googlemaps,
.mod_dlh_googlemaps + .ce_text,
.ce_text + .mod_listing,
.mod_listing + .ce_text,
.mod_listing + .mod_listing,
.image_container + h2,
.gallery + h2,
ul + h1,
ul + h2,
ul + h3,
h1 + h2,
h2 + h3 {
margin-top:20px;
}
Hey danke für die rasche Antwort :)
Für meinen Fall wäre ein DIV besser, da ich nicht nur einen Abstand brauche, sondern diesen auch per CSS stylen möchte.
Hast du keine Probleme mit den Selektoren für benachbarte Elemente?
Habe gelesen dass nicht alle Browser damit korrekt umgehen können...
Danke und Gruss
cubano
Also diese CSS Konstrukt kann jeder gängige Browser, sogar der IE6.
Was genau soll dieses DIV machen?
Du kannst Dich auf den getContentElement Hook triggern, und dann einfach bei allen CEs noch dein indivudelles DIV dransetzen.
Du musst ein wenig programmieren, ist aber moeglich
http://www.contao.org/hooks-verwende...ContentElement
Danke lindesbs!
Das übersteigt jedoch meine Kenntnisse. Ich hab's jetzt mit dem Anpassen der verwendeten Templates gelöst..
Da wäre ich mir nicht ganz sicher dass es bei allen Browsern funktioniert: http://quirksmode.org/css/contents.html#t12Zitat:
Also diese CSS Konstrukt kann jeder gängige Browser, sogar der IE6.
cubano
Dann nehm mal das angehaengte Modul. Dieses erstellt einfach nach jedem ContentElement einen leeren DIV mit dem Namen des CE-Typs des vorherigen Modules.
usw.Code:<div class="moduletype_module"></div>
<div class="moduletype_text"></div>
Vielleicht reicht Dir sowas schon.
Entpacken und in dein sytsem/modules kopieren. Danach hast Du im FE die DIVs
Also ich habe den IE6 in meinem Virtual PC mit Windows XP und SP3 laufen und da funktioniert's zu gewissen Teilen, klar alles geht nicht, da muss man anders ran (z.b. über Conditional Comments).
Ich muss auch zugeben: für IE6 entwickle ich nicht mehr. Nur noch gegen Aufpreis.
Hi cubano,
hier gibts eine passende Extension von Tristan: ce_spacer. Eine "Trennlinie" ist natürlich per CSS so formatierbar, dass es eigentlich keine Linie mehr ist. Das kannst Du nutzen, wenn Du immer wieder mal, aber nicht immer einen Abstand brauchst.
Grüße,
Christian
Danke lindesbs!
Funktioniert prima! Genau das wonach ich gesucht habe :)
Danke auch für den Hinweis auf ce_spacer christian.
Das Leben ist viel einfacher ohne den IE6 :)Zitat:
Ich muss auch zugeben: für IE6 entwickle ich nicht mehr. Nur noch gegen Aufpreis.
Gruss
cubano
Cool :)
Danke!