Verständnisproblem Template Bilder <div>

Bitte alle templatebezogenen Beiträge in diesem Forum veröffentlichen.
Post Reply
flax
Posts: 63
Joined: Fri 20. Jan 2006, 10:06

Verständnisproblem Template Bilder <div>

Post by 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):

Image

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
User avatar
Oliver Georgi
Site Admin
Posts: 9888
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: Verständnisproblem Template Bilder <div>

Post by 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.
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
Post Reply