Bild in Laufschrift integrieren

  • Joomla Version
    6.0.3
    PHP Version
    PHP 8.3.x
    Hoster
    netcup
    Link (URL) zur Seite mit dem Problem
    https://dienstleistungen-mweih.de/

    In einer Laufschrift soll ein Bild als Trennzeichen eingegeben werden. Sobald ich das Bild allerdings einsetze, wird die Schrift auf die nächste Zeile verschoben und bleibt nicht in einer Zeile. Wie kann ich das ändern?

    Ich habe diesen Code verwendet:
    <p><span style="background-color: #ffffff;"><span style="text-decoration: underline; color: #f1c40f;"><span style="font-size: 36px; background-color: #ffffff;"><span style="line-height: 107%; font-family: Arial, sans-serif; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span style="background-color: #010066;">&gt;&gt; unsere Hauptanliegen &lt;&lt;</span></span></span></span></span><span style="font-size: 36px;"><span style="line-height: 107%; font-family: Arial, sans-serif; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span style="color: #ecf0f1;"><span style="color: #f1c40f;"> <img src="images/banners/Flagge%20fur%20Laufschrift.jpg" width="79" height="29" loading="lazy" data-path="local-images:/banners/Flagge fur Laufschrift.jpg"></span></span></span></span><span style="font-size: 36px;"><span style="line-height: 107%; font-family: Arial, sans-serif; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span style="color: #ecf0f1;"><span style="color: #f1c40f;"> </span></span></span></span><a href="index.php?view=article&amp;id=34&amp;catid=8" target="_blank" rel="noopener"><span style="background-color: #ffffff;"><span style="text-decoration: underline; font-size: 36px; background-color: #ffffff;"><span style="line-height: 107%; font-family: Arial, sans-serif; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span style="color: #f1c40f;"><span style="background-color: #010066;"><span style="color: #f1c40f;"><span style="background-color: #ffffff;"><span style="background-color: #010066; color: #f1c40f;">Direkte Demokratie</span></span></span></span></span></span></span></span></a><span style="font-size: 36px;"><span style="line-height: 107%; font-family: Arial, sans-serif; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span style="color: #f1c40f;"><span style="color: #f1c40f;"><span style="color: #f1c40f;"> <img src="images/banners/Flagge%20fur%20Laufschrift.jpg" width="79" height="29" loading="lazy" data-path="local-images:/banners/Flagge fur Laufschrift.jpg"></span></span></span></span></span><span style="color: #f1c40f; font-family: Arial, sans-serif; font-size: 36px;"> </span><a href="index.php?view=article&amp;id=33:unsere-verfassungsklage-2&amp;catid=8" target="_blank" rel="noopener"><span style="background-color: #010066; color: #f1c40f; text-decoration-line: underline; font-family: Arial, sans-serif; font-size: 36px;">Verfassungsklage für eine würdevolle Rente</span></a><span style="color: #f1c40f; font-family: Arial, sans-serif; font-size: 36px;"> <img src="images/banners/Flagge%20fur%20Laufschrift.jpg" width="79" height="29" loading="lazy" data-path="local-images:/banners/Flagge fur Laufschrift.jpg"> </span><span style="font-size: 1rem;"> </span><span style="background-color: #ffffff;"><span style="color: #f1c40f; text-decoration: underline; background-color: #010066; font-size: 36px;"><a style="color: #f1c40f;" href="images/PDFs/Renten-Konzept%20zur%20Altersarmut%20V%201.25.pdf" target="_blank" rel="noopener">Konzept für eine auskömmliche Altersversorgung</a> und noch vieles mehr</span></span></p>

    :?::?:

    Es gibt keine dummen Fragen - nur dumme Antworten.:saint:

  • Der Code sieht ziemlich unübersichtlich aus, das geht besser.

    Die Zeilenwechsel kommen daher dass du das modul in "container-banner" hast. Dort wird der Zeilenumbruch erzwungen.
    Schiebe das modul auf eine andere Position.

    EDIT - könnte so ausschauen, der code. Mit css-Angaben in der user.css

    Code
    <p class="laufschrift">
    &gt;&gt; unsere Hauptanliegen &lt;&lt;
    <img src="images/banners/Flagge%20fur%20Laufschrift.jpg" width="79" height="29" alt="">
    &gt;&gt; noch ein Anliegen &lt;&lt;
    <img src="images/banners/Flagge%20fur%20Laufschrift.jpg" width="79" height="29" alt="">
    &gt;&gt; und och anliegen &lt;&lt;
    <img src="images/banners/Flagge%20fur%20Laufschrift.jpg" width="79" height="29" alt="">
    </p>
  • Der Code sieht ziemlich unübersichtlich aus, das geht besser.

    Die Zeilenwechsel kommen daher dass du das modul in "container-banner" hast. Dort wird der Zeilenumbruch erzwungen.
    Schiebe das modul auf eine andere Position.

    EDIT - könnte so ausschauen, der code. Mit css-Angaben in der user.css

    Code
    <p class="laufschrift">
    &gt;&gt; unsere Hauptanliegen &lt;&lt;
    <img src="images/banners/Flagge%20fur%20Laufschrift.jpg" width="79" height="29" alt="">
    &gt;&gt; noch ein Anliegen &lt;&lt;
    <img src="images/banners/Flagge%20fur%20Laufschrift.jpg" width="79" height="29" alt="">
    &gt;&gt; und och anliegen &lt;&lt;
    <img src="images/banners/Flagge%20fur%20Laufschrift.jpg" width="79" height="29" alt="">
    </p>

    Da funktioniert leider die Laufschrift nicht.

    Es gibt keine dummen Fragen - nur dumme Antworten.:saint:

  • Hat ja ein paar Tage funktioniert. Warum die Laufschrift auf einmal nicht mehr läuft, obwohl ich absolut nichts verändert habe, weiß ich nicht. Kann mir das jemand erklären?

    Es gibt keine dummen Fragen - nur dumme Antworten.:saint: