Verständnisproblem Template Bilder <div>

[flax]

Hallo Zusammen!

Irgendwie habe ich ein Verständnisproblem - Tomaten vor den Augen oder/und Brett vor'm Hirn - bei der Umsetzung eines HTML-Layouts in ein Template für den CP Bilder div:

Ich möchte folgendes HTML-Layout:

Code: Select all

     <section class="full-width">
        <div class="s-12 m-12 l-4">  
          <img src="responsee/img/655723_web_R_by_Helene Souza_pixelio.de.jpg" alt="">
        </div>
        <div class="s-12 m-12 l-8">
          <div class="padding-2x">
            <div class="line">
              <div class="float-left">
                <i class="icon-sli-people icon3x text-dark"></i>
              </div>
              <div class="margin-left-60 margin-bottom-30">
                <h3 class="text-size-25 margin-bottom-0">Wer kann dabei sein?</h3>
                <p class="text-dark">Dabei sein darf jeder über 16 Jahre, der helfen will oder Hilfe benötigt. Die Grundidee ist, dass junge fitte Seniorinnen und Senioren die älteren Hilfsbedürftigen unterstützen, wenn diese Hilfe brauchen. Erwartet wird, unabhängig vom Alter, die Bereitschaft, sich abhängig von den individuellen Fähigkeiten, in diese Gemeinschaft einzubringen. So kann man für manche Bereiche Helfender sein, während man für andere (schon) Hilfeempfangender ist, ganz im Sinne einer lebenslangen gesellschaftlichen Integration.</p>
               </div>
            </div>
          </div>
       </div>
       </section>

umsetzen in ein Template für bilder div

Mein aktueller Stand ist folgendes als Startseite_Block_Bild_li.tmpl im Ordner template/inc_cntpart/images :

Code: Select all

<!--IMAGES_ENTRY_START//-->
      <section class="full-width">
        <div class="s-12 m-12 l-4">  
          {IMAGE}
        </div>
<!--IMAGES_ENTRY_END//-->         
        <div class="s-12 m-12 l-8">

          <div class="padding-2x">
            <div class="line">
              <div class="float-left">
                <i class="icon-sli-people icon3x text-dark"></i>
              </div>
              <div class="margin-left-60 margin-bottom-30">
                [TITLE]<h3 class="text-size-25 margin-bottom-0">{TITLE}</h3>[/TITLE]
                [TEXT]<p class="text-dark">{TEXT}</p>[/TEXT]            
              </div>

            </div>
       </section>

Im Browser schaut es dann so aus (oberer Teil CP Bilder <div> unter der Trennlinie HTML-Original):



Gibt es irgendwo eine grundsätzliche Erklärung wie das Bilder <div> Template funktioniert - bin leider im Wiki und im Forum nicht fündig geworden....

Und/Oder

Wo liegt der Fehler in meinen Versuchen?

Viele Grüße
Flax

[Oliver Georgi]

Das Standardtemplate https://github.com/slackero/phpwcms/blo ... mages.tmpl ist umfassend. Bei Problemen, nutze das und schreibe Dir sichbar in die Abschnitte rein, was das ist und schau, was im Frontend wo ankommt.

Images DIV kann n-viele Bilder haben. Da liegt vermutlich Dein Denkfehler, sprich das HTML ist nicht sauber aufgedröselt.