Bild einfügen und nebeinander plazieren (rt-grid)

Bild einfügen und nebeinander plazieren (rt-grid) | PSD-Tutorials.de

Erstellt von Marketing-Jack, 24.01.2017.

  1. Marketing-Jack

    Marketing-Jack Noch nicht viel geschrieben

    Dabei seit:
    24.01.2017
    Beiträge:
    3
    Geschlecht:
    männlich
    Bild einfügen und nebeinander plazieren (rt-grid)
    Moin,

    ich habe bisher noch nicht mit Joomla gearbeitet und habe daher eine Frage:
    Wie füge ich ein weiteres Bild mit dem "Toggle Editor" ein, so dass die Gliederung bestehen bleibt?

    Seite: http://www.fischer-online.de/cms/ueber-uns/team.html

    Code:
    Code (Text):
    1. <div class="rt-grid-2"><img src="images/team/picture-2.jpg" alt="picture-2" class="img-shadow" style="margin: -5px;" /></div>
    2. <div class="rt-grid-8">
    3.     <h3><strong>Thomas Fischer</strong></h3>
    4.     <p>Geschäftsführer<br /><br /></p>
    5.     <p><span class="icon-envelope"> fischer@fischer-online.de</span></p>
    6.     <p>&nbsp;</p>
    7. </div>
    8. <div class="rt-grid-2"><img src="images/team/picture-6.jpg" alt="picture-6" class="img-shadow" style="margin: -5px;" /></div>
    9. <div class="rt-grid-4">
    10.     <h3><strong>Michael Kempe</strong></h3>
    11.     <p>Betriebsleiter<br /><br /></p>
    12.     <p><span class="icon-envelope"> kempe@fischer-online.de</span></p>
    13.     <p>&nbsp;</p>
    14. </div>
    15. <div class="rt-grid-2"><img src="images/team/picture-13.png" alt="picture-13" class="img-shadow" style="margin: -5px;" /></div>
    16. <div class="rt-grid-3">
    17.     <h3><strong>Dieter Böhm</strong></h3>
    18.     <p>Vertrieb<br />Kundenbetreuung Süd</p>
    19.     <p><span class="icon-envelope"> boehm@fischer-online.de</span></p>
    20.     <p>&nbsp;</p>
    21. </div>
    22. <div class="rt-grid-2"><img src="images/team/picture-10.jpg" alt="picture-10" class="img-shadow" style="margin: -5px;" /></div>
    23. <div class="rt-grid-4">
    24.     <h3><strong>Christian Schoof</strong></h3>
    25.     <p>Vertrieb<br />Kundenbetreuung Ost</p>
    26.     <p><span class="icon-envelope"> schoof@fischer-online.de</span></p>
    27.     <p>&nbsp;</p>
    28. </div>
    29. <div class="rt-grid-2"><img src="images/team/picture-14.jpg" alt="picture-14" class="img-shadow" style="margin: -5px;" /></div>
    30. <div class="rt-grid-3">
    31.     <h3><strong>Jochen Rüttinger</strong></h3>
    32.     <p>Vertrieb<br />Kundenbetreuung Nord</p>
    33.     <p><span class="icon-envelope"> ruettinger@fischer-online.de</span></p>
    34.     <p>&nbsp;</p>
    35. </div>
    36. <div class="rt-grid-2"><img src="images/team/picture-ramona.jpg" alt="picture-ramona" class="img-shadow" style="margin: -5px;" /></div>
    37. <div class="rt-grid-4">
    38.     <h3><strong>Ramona Huck</strong></h3>
    39.     <p>Vertrieb<br /><br /></p>
    40.     <p><span class="icon-envelope"> huck@fischer-online.de</span></p>
    41.     <p>&nbsp;</p>
    42. </div>
    43. <div class="rt-grid-2"><img src="images/team/picture-12.jpg" alt="picture-12" class="img-shadow" style="margin: -5px;" /></div>
    44. <div class="rt-grid-3">
    45.     <h3><strong>Andre Gluschke</strong></h3>
    46.     <p>Logistik / Versand</p>
    47.     <p><span class="icon-envelope"> gluschke@fischer-online.de</span></p>
    48.     <p>&nbsp;</p>
    49. </div>
    50. <div class="rt-grid-2"><img src="images/team/Karen.jpg" alt="picture-karen" class="img-shadow" style="margin: -5px; margin-top: 15px;" /></div>
    51. <div class="rt-grid-1">
    52.     <h3><strong>Karen Sonnekalb</strong></h3>
    53.     <p>Buchhaltung<br /><br /></p>
    54.     <p><span class="icon-envelope"> sonnekalb@fischer-online.de</span></p>
    55.     <p>&nbsp;&nbsp;&nbsp;</p>
    56. </div>
     
    #1      
  2. TutKit

    TutKit Vollzugriff

    Vollzugriff auf sämtliche Inhalte für Photoshop, InDesign, Affinity, 3D, Video & Office

    Suchst du einen effektiven Weg, um deine Geschäftsideen aber auch persönlichen Kenntnisse zu fördern? Teste unsere Lösung mit Vollzugriff auf Tutorials und Vorlagen/Erweiterungen, die dich schneller zum Ziel bringen. Klicke jetzt hier und teste uns kostenlos!

Seobility SEO Tool
x
×
×