keine Worttrennung in der Hinweisbox

1. offizieller Beitrag

    Hallo Zennin,

    ich vermute, dass in den Layout-Einstellungen die Silbentrennung auf „aus“ steht. Diese bitte mal auf „automatisch“ setzen.

    Ferner scheint beim Seitentitel der Startseite ein „en“ zu fehlen. Die Überschrift auf der Startseite selber ist korrekt, aber der Seitentitel lautet nur „Flurbäume – ein Projekt aus den Kulturlandschaft“. Dies kannst Du in den Eigenschaften der Startseite unter „Google > Titel“ korrigieren.

    Viele Grüße

    Tom

    Hallo Tom,

    vielen Dank für Deine Rückmeldung. Das mit den "Kulturlandschaften" habe ich inzwischen bereinigt. Die Silbentrennung ist aber auf "automatisch" gesetzt. In den anderen Textfeldern findet sie auch statt, nur in den Hinweisboxen nicht. Ich habe das lange Wort jetzt einfach gekürzt, das sollte aber nicht die Lösung des Problems sein.

    Hallo Zennin,

    dann muss ich passen. Bei meinem Test mit Campfire unter ZP 16, konnte ich das Problem nur provozieren, indem ich die Silbentrennung abgeschaltet habe.

    Vielleicht hilft aber ein wenig CSS. Bei global ausgeschalteter Silbentrennung, konnte ich die Silbentrennung in der Hinweisbox mit „hyphen: auto;“ wieder einschalten. Vielleicht probierst Du das mal in Verbindung mit der eingeschalteten globalen Silbentrennung. Einen Versuch wäre es vielleicht wert.

    Viele Grüße

    Tom

    Hallo Tom,

    vielen Dank. Wie Du sicher schon bemerkt hast, habe ich nicht viel Ahnung von diesen Dingen. Es kommt mir trotzdem merkwürdig vor, da ja im allgemeinen Text die Silbentrennung funktioniert. Ich weiß nicht, ob es etwas damit zu tun hat: ich habe nach folgender Anleitung, die ich hier im Forum gefunden habe, für einige wenige Textfelder die Silbentrennung ausgeschaltet:

    "Unter "Einstellungen" -> "CSS" dies einfügen

    <style>

    .sta p {

    -webkit-hyphens: none;

    -moz-hyphens: none;

    -ms-hyphens: none;

    -o-hyphens: none;

    hyphens: none;

    }

    </style>

    und dann im Artikel > Einstellungen > Mehr > in CSS-Klasse „sta“ (ohne Anführungszeichen) eingeben.

    Bewirkt dass Wörter in diesem Artikel nicht getrennt werden."

    In den fraglichen Hinweisboxen habe ich in CSS-Klasse aber nicht "sta" eingegeben.

    Und Dein Vorschlag mit "hyphen: auto;" funktioniert leider auch nicht.

    Hallo Zennin,

    wenn ich Deinen CSS-Code bei mir einfüge, funktioniert die automatische Silbentrennung in der Hinweisbox weiterhin, es sei denn, dass ich Letzterer eben die CSS-Klasse „sta“ zuweise. Der Code hat also zunächst mal keinen unerwünschten Einfluss auf die Silbentrennung der Hinweisbox.

    Hast Du denn noch mehr eigenes CSS unter „Einstellungen > CSS“ und wenn ja, wie lautet denn der gesamte Code?

    Viele Grüße

    Tom

    Hallo Tom,

    in den Einstellungen > CSS" steht bei mir folgendes (habe ich das alles eingegeben?):

    <style>
    .zpwText li {
    margin-bottom: 0px !important; /* em, rem, px */
    }
    </style>

    <style>
    .sta p {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
    }
    </style>

    <style>
    /* roboto-300 - latin */
    @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local(''),
    url('<$=page.pathToRoot$>fonts/roboto-v29-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('<$=page.pathToRoot$>fonts/roboto-v29-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
    /* roboto-300italic - latin */
    @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local(''),
    url('<$=page.pathToRoot$>fonts/roboto-v29-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('<$=page.pathToRoot$>fonts/roboto-v29-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
    /* roboto-regular - latin */
    @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('<$=page.pathToRoot$>fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('<$=page.pathToRoot$>fonts/roboto-v29-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
    /* roboto-italic - latin */
    @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local(''),
    url('<$=page.pathToRoot$>fonts/roboto-v29-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('<$=page.pathToRoot$>fonts/roboto-v29-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
    /* roboto-700 - latin */
    @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local(''),
    url('<$=page.pathToRoot$>fonts/roboto-v29-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('<$=page.pathToRoot$>fonts/roboto-v29-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
    /* roboto-700italic - latin */
    @font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local(''),
    url('<$=page.pathToRoot$>fonts/roboto-v29-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('<$=page.pathToRoot$>fonts/roboto-v29-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }
    </style>

    Hallo Zennin

    Also, ich erinnere mich, dass ich damals mit "Campfire Responsiv" eine Diffusität hatte. Diesbezüglich ist auch jetzt noch im Seitenquelltext meiner aktuellen Website Resten-Code zu finden. :S

    Veruch', wenn Du magst, mal folgenden Code:

    Code
    <style>
.zpwHinweisbox li {-webkit-hyphens: auto; hyphens: auto;}
</style>

    Könnte funktionieren - so meine Hoffnung.
    Einen wunderschönen Abend wünsche ich.

    Viele Grüsse
    elch

    Zeta Producer 17.x - Express

    Website, zu einer nicht primär gewinnorientierten und/oder ernst zu nehmenden Nebentätigkeit: Heubeere.ch ;)
    (PS: "ß" gibt es nicht - und kann ich nicht. Sorry!)

    Hallo Zennin,

    ich glaube, jetzt kommen wir der Sache näher. Das Problem tritt in meiner Testumgebung dann auf, wenn ich in der Hinweisbox die Listendarstellung nutze, egal ob nummeriert oder unnummeriert. Ob das ein Bug ist, weiß ich nicht. Abhilfe schafft bei mir das erwähnte „hyphens: auto;“. In meinem Screenshot ist es richtig geschrieben, in meinem Fließtext und in Deinem Screenshot fehlt jedoch das „s“.

    Dein gesamter CSS-Code hat bei mir auch keine negativen Auswirkungen hinsichtlich der Silbentrennung.

    Der erste Absatz steuert die Zeilenhöhe bei Listen.

    Der zweite Absatz definiert eine Klasse für die Silbentrennung.

    Die folgenden Absätze beziehen sich auf die Webfonts. Diese Einträge sind meiner Meinung nach obsolet, da ZP die Webfonts inzwischen einbindet.

    Viele Grüße

    Tom

    Hallo,

    vielen Dank an Euch beide. Ich habe das fehlende "s" bei "hyphens: auto;" in der Hinweisbox nachgetragen und es funktioniert! Tut mir leid, dass ich das nicht gleich richtig gemacht habe. Dennoch: wenn das Problem mit der Listendarstellung zusammenhängt, ist das ja kaum sinnvoll und auch nicht beabsichtigt und sollte vielleicht als Hinweis für einen Bug verstanden werden.

    Es war für mich kein sehr großes Problem, man kann in so einem Fall ja auch etwas improvisieren. Aber jetzt sehen meine Hinweisboxen viel besser aus. Vielen Dank!

    Hallo,

    nachdem, ich jetzt das Update zu 17.0.2 durchgeführt habe, weil der Import aus Excel in das Tabellen-Widget jetzt funktioniert, funktioniert das mit "hyphens: auto;" leider nicht mehr. Die Silbentrennung findet nicht statt, lange Wörter überschreiben den Rand der Hinweisbox in der Bearbeitungsansicht und auch "life". Wenn ich den CSS-Stil-Eintrag entferne, ändert sich nichts.

    Geht das wirklich nicht anders?

    Vielen Dank für jede Hilfe!

    Hallo,

    es tut mir leid: nach erneuter Life-Ansicht und Aktualisierung (Strg+F5 oder F5) ist der Fehler auch in der Life-Sicht wieder da, auch nach Einfügen bei CSS-Style von "hyphens: auto;". Meinen Cache habe ich geleert. Ich dachte eigentlich, so etwas kann nicht sein. Weiß jemand, warum das ohne mein Zutun wechselt?

    Fügen Sie den CSS-Stil mit Anführungszeichen ein? Bitte entfernen Sie diese, dann sollte es funktionieren.

    Freundliche Grüße
    Philipp

    ---------------------------------------------------------------
    Widgets für Zeta Producer: widget-zp.de

    Ich meinte die Anweisung "hyphens: auto" in dem Feld "CSS-Stil" der Hinweisbox.

    Freundliche Grüße
    Philipp

    ---------------------------------------------------------------
    Widgets für Zeta Producer: widget-zp.de

    Hallo zusammen.

    Frage zum dem Vorschlag von Steffen T.
    Nach einem Update auf die neueste Version (17.0.2),muss das CSS bleiben, oder kann es wieder entfernt werden?

    Zitat von Steffen T.

    Hallo,

    probieren Sie mal folgendes CSS:

    Code
    <style>
h1, h2, h3, h4, h5, h6, p, #webtext, #footer {
    word-break: break-word;
    overflow-wrap: break-word;
}
</style>

    Hallo Wolfgang,

    schneide den Code einfach aus, drücke „F6“ und schau, wie es sich nun in der Browser-Vorschau verhält. Wenn das Problem weiterhin nicht mehr zu beobachten ist, ist die Sache erledigt. Tritt das Problem jedoch ohne den Code wieder auf, fügst Du ihn einfach wieder ein und wartest auf das nächste Update.

    Viele Grüße

    Tom

    Hallo Tom.

    Habe ich gemacht. Leider ohne gutes Ergebnis. Ohne den Code von Steffen T. geht es nicht. :rolleyes:

    Ich habe den Code wieder eingefügt. :)

    Danke für den Hinweis.

    Hallo,

    ich habe den Eindruck, dass sich das Problem der Silbentrennung in der Hinweisbox nach dem letzten Update auf 17.0.4 nochmals verschlechtert hat, sowohl mit als auch ohne Ordnungszeichen. Im Bearbeitungsmodus (Bild links) findet keine Silbentrennung mehr statt. Das führt dazu, dass ich im Bearbeitungsmodus nicht sehe, wie die Website real aussehen wird (Bild rechts). Ein ansprechendes Seiten-Design ist aus meiner Sicht so nur unter zusätzlichem Aufwand möglich.

    Die Silbentrennung ist im Layoutmodus auf "automatisch" gestellt, im Inline-CSS steht jeweils "hyphens: auto;" (ohne ""). Im Layoutmodus werden die Silben "ordentlich" getrennt, warum ist dies im normalen Bearbeitungsmodus nicht möglich?

    Übrigens: wenn ich die angehängten Bilder in diesen Text einfüge, wird unten und oben etwas von den Bildern abgeschnitten, was den Sinn meines Beitrags entstellt. Das passiert auch, wenn ich den Beitrag hochlade.

    • Offizieller Beitrag

    Ich habe das Layout Campfire nun so aktualisiert, dass nun aller Text im Body generell mit Silbentrennung dargestellt wird (bisher nur Überschriften und <p>). Ist per Online-Update für Version 17 erfolgt. In frühestens 30 Minuten auf "Extras > Updates suchen" klicken und nachdem Inhalte geladen wurden (Hinweis oben im Fenster) die Tastenkombination STRG-SHIFT-T drücken. Danach ggf. veröffentlichen.

    Entsprechendes CSS, das hier nachgeholfen hatte, kann/sollte nun wieder entfernt werden.

    • Offizieller Beitrag

    Danke. Sie meinen also einfach die interne Vorschau in Zeta Producer.

    Das funktioniert in Version 17.0.4 leider noch nicht, weil da intern die Browser-Sprache immer auf Englisch steht (daher auch Probleme mit der Rechtschreibprüfung). Das wird leider erst in Version 17.1 korrigiert (Erscheinung steht noch nicht fest). Tut mir leid, hier kann ich nur um etwas Geduld bitten.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden