Zeilenumbruch und Silbentrennung

    Hallo zusammen!

    Ich habe ein Problemchen mit Zeilenumbrüchen und nicht vorhandener Silbentrennung auf folgender Seite:

    https://lowbudgethighspirit.com/spotlight/spotlight-spotify/

    Teilweise werden die Zeilen viel zu früh umgebrochen, so dass ein Wort, welches auf jeden Fall noch in die gleiche Zeile gepasst hätte, am Anfang der nächsten Zeile steht.

    Wiederum werden einige lange Wörter nicht in die nächste Zeile umgebrochen, sondern gehen (auf Mobile) über den Display-Rand hinaus und sind einfach nicht komplett lesbar!

    Hab schon versucht mit "hyphens" Silbentrennung zu erzwingen, aber das hat irgendwie auch nicht funktioniert.

    Hat vielleicht jemand eine Idee oder einen Ansatz für mich?

    Bin für jede Hilfe dankbar!

    Beste Grüße
    Malte

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Du setzt   ein, das sind geschützte Leerzeichen, wo nicht umgebrochen werden darf. Die solltest du als ersten entfernen, dann sieht das ganze schon viel besser aus.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Also mir kommt vor, das es mit der Fettschreibung zusammenhängt! Da werden die Wörter vor dem <strong> bzw. nach dem </strong> Tag nicht richtig umgebrochen. Mit mit dem Löschen und neu einfügen der jeweiligen Leerzeichen vor bzw nach dem Fett geschriebenem Wort klappt es zumindest in der Fierfox-Entwicklerumgebung...¿?
    Und in der class entry-content klappt hypens aber schon, wobei auch hier die o.g Leerzeichen offenbar als geschütztes (hartes) Leerzeichen interpretiert wird.

    PS.: Im Crome sehe ich auch die &nbsp ;-)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Lieben Dank für eure Mühe!

    Die "geschützten Leerzeichen" ( &nbsp; ) habe ich nicht bewusst gesetzt. Habe den Text inklusive Links und Formatierung kopiert. Wahrscheinlich lag es daran. Aber witzig, dass es wirklich nur die Leerzeichen vor und nach dem <strong> betraf.

    Hab den Tipp von SEpp befolgt und alle vor und danach neu gesetzt...jetzt fügt es sich.

    Nochmals danke an euch beide!

    Bzgl. Texte kopieren ein Tipp von mir:
    Kopiere dir die Texte -> öffne einen reinen Texteditor wie Notepad++ oder den Editor von Windows (bloß nicht Word) -> füge den kopierten Text ohne Formatierungen wieder ein. Und von dort kopierst du dir dann den Text in die Webseite und formatierst, wie du es haben willst. Alles andere führt sehr oft zu Problemen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden