Backend und Frontend stimmen nicht überein

Lukas_66 · 8. Mai 2018

Bei meinen Beiträgen stimmt die Vorschau im Backend nicht mit dem Frontend überein.

Wenn ich den Text linksbündig untereinander schreibe und die Vorschau anklicke passt alles. Sobald ich den Cash lösche und es im Frontend ansehe habe ich ein absolutes Chaos.

http://www.ff-freinberg.at/neu/index.php/kommandanten

Sobald ich dazu Bilder einfüge, ändert sich die Größen und Anordnungen der Bilder wie es gerade passt.

http://www.ff-freinberg.at/neu/index.php/ueber-uns/chronik

am Handy und in der Vorschau würde die Anordung stimmen.

Ich bin mit meinen Latein am Ende

kitepascal · 8. Mai 2018

Hi,

das HTML ist fehlerhaft.

https://getbootstrap.com/docs/3.3/css/#grid

Eine bootstrap row, bestehend aus mehreren col-sm-X ergibt immer 12.

In deinem HTML Code ist das recht durcheinander..

Überarbeiteter HTML Quellcode für die Führungskräfte/Kommandanten Seite:

Code

<section class="article-content clearfix" itemprop="articleBody">
<p><strong class="row-title break-word">Kommandanten/Führungskräfte</strong></p>
   <div class="row" style="margin-bottom: 10px;">
      <div class="col-sm-6">
         <h3 style="text-align: left;">HBI Stefan Neulinger</h3>
         <p style="text-align: left;">Kommandant</p>
         <p style="text-align: left;">Freinberg 94</p>
         <p style="text-align: left;">0699/81 81 895 0</p>
         <p style="text-align: left;">&nbsp;</p>
      </div>
      <div class="col-sm-6">
           <h3 style="text-align: left;">OBI Josef Himsl</h3>
         <p style="text-align: left;">Kommandant Stellvertreter</p>
         <p style="text-align: left;">Freinberg 104</p>
         <p style="text-align: left;">0676/93 69 876</p>
         <p style="text-align: left;">&nbsp;</p>
      </div>
      <div class="col-sm-6">
         <h3 style="text-align: left;">E-HBI Johann Bauer</h3>
         <p style="text-align: left;">Ehren-Kommandant</p>
         <p style="text-align: left;">Freinberg 70</p>
         <p style="text-align: left;">0664/50 02 986</p>
         <p style="text-align: left;">&nbsp;</p>
      </div>
      <div class="col-sm-6">
         <h3>E-HBI Josef Friedl</h3>
         <p>Ehren-Kommandant</p>
         <p>Freinberg 108</p>
         <p>0676/7924544</p>
         <p style="text-align: left;">&nbsp;</p>
      </div>
      <div class="col-sm-6">
         <h3>BI David Scherrer</h3>
         <p>Zugskommandant</p>
         <p>Hinding 63</p>
         <p>0664/50 75 667</p>
         <p style="text-align: left;">&nbsp;</p>
      </div>
      <div class="col-sm-6">
         <h3>BI Richard Madl</h3>
         <p>Zugskommandant 2. Zug</p>
         <p>Hanzing 6</p>
         <p>0699/19 29 178 2</p>
         <p style="text-align: left;">&nbsp;</p>
      </div>
      <div class="col-sm-6">
         <h3 style="text-align: left;">HBM Manuel Ortner</h3>
         <p style="text-align: left;">Lotsenkommandant</p>
         <p style="text-align: left;">Freinberg 91</p>
         <p style="text-align: left;">0664/1425919</p>
         <p style="text-align: left;">&nbsp;</p>
      </div>
   </div>
</section>

Alles anzeigen

Gruß

Pascal

firstlady · 8. Mai 2018

Ich würde das ganz anders anpacken: Macht eine Kategorie "kommandanten"

In diese Kategorie hängt ihr für jede Person einen Beitrag.

Wenn einer neuer dazukommt, kommt ein neuer Beitrag rein, wenn einer ausscheidet wird der Beitrag deaktiviert.

Jeder Beitrag hat den Namen als Titel.

Im Text steht dann eben Name Adresse und was ihr wollt, eventuell ein Foto dazu (beim Beitrag, direkt im Tab Bilder und Links eintragen.

Das ganze wird dann als Kategorieblog ausgegeben.

Elwood · 8. Mai 2018

Ich würde noch deine Joomla-Version von 3.7.0 auf 3.8.6 updaten.

Und auch das Template und das T3-Framework.

Prüfe auch, ob alle Extensions aktuell sind!

Tags