Beitrag HTML Struckturiren

  • Hallo zusammen,

    ich bin mir nicht sicher wo ich mit meinem Thema hingehöre, deshalb habe ich das Unterforum hier gewählt. *wenn es nicht passt bitte verschieben*


    Ich möchte in meinen Beiträgen links ein Bild und rechts den Text schreiben, dazu habe ich diesen HTML-Code

    Code
    <div class="row mb-3">
      <div class="col-md-1">IMAGE</div>
      <div class="col-md-11">Text</div>
    </div>

    Das klappt auch ganz gut, aber wenn meine Texte länger sind, wird es im HTML-Code im Editor von Joomla 5.x schnell unübersichtlich.


    Deshalb habe ich mir überlegt, dass ich zwischen jedem "Absatz", also so einem Block wie oben zu sehen, eine Trennlinie einfüge, die im Beitrag nicht ausgegeben wird, aber im HTML-Code für mich sichtbar ist, so dass ich, wenn ich etwas umschreiben möchte, die Stellen auch schneller und einfacher finden kann.


    Aber was kann man da machen?


    Ich hatte mir das so vorgestellt:

    Code
    <div class="row mb-3">
      <div class="col-md-1">IMAGE</div>
      <div class="col-md-11">Text</div>
    </div>
    #####################################################
    <div class="row mb-3">
      <div class="col-md-1">IMAGE</div>
      <div class="col-md-11">Text</div>
    </div>
    #####################################################


    Gruß Mücke

  • Das löst man mit CSS Klasse Bild im Beitrag.

    Beispiel für Bild links:

    /*CSS-Klasse Beitragsbild*/
    .bild-links {
     float: right;
     padding-top: 5px;
     padding-right: 10px;
     max-width: 50%;
    }

    Den Code in die custom.css kopieren.

    Im Beitrag dann bei Dateien und Bilder ein Beitragsbild auswählen und die Bild-Klasse bild-links ins Feld eintragen.

  • WM-Loose ja du hast recht mit CSS wäre das wahrscheinlich der 100% richtige Weg, da ich darin mehr als schlecht bin (ich kann es nicht) habe ich mich für die Version mit DIV`s entschieden, was schon besser ist als die von mir bevorzugte Version mit Tabellen ;-).

    Vielleicht schaffe ich es irgendwann noch in CSS, aber im Moment ist mir das zu viel Aufwand. trotzdem vielen Dank.


    JoomlaWunder Ja, genau das habe ich gesucht, danke