Aufzählungszeichen in Liste "hängen linksbündig", obwohl Text zentriert ist

  • Hallo liebes Zeta-Team,

    so sieht das aus, im Layout "Producer Responsive":

    Im Artikel-Editor sind die Aufzählungszeichen perfekt zentriert vor dem Text, aber im Browser nicht.

    Gibt es hier einen Code-Schnipsel, der Abhilfe schafft?

    Das wäre super, thanx.

    Sonnige Grüße

    Sunny :)

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • Hallo Sunny,

    wollen sie wirklich Aufzählungszeichen die links rumflattern?

    Bitte nicht als Kritik auffassen! Es liegt mir fern irgendetwas zu kritisieren, aber für mich sind Aufzählungen die nicht bündig untereinander stehen "eigenartig".

    Vielleicht finden Sie eine Variante, in der die Texte linksbündig ausgerichtet in einem auf der Seite zentrierten Block erscheinen.

    Freundliche Grüße
    Walter
    Zeta Producer 14.3.3, 15.4.1 und 16.8.6.0 Express

    Einmal editiert, zuletzt von Walter (6. August 2015 um 09:34)

  • Hallo,

    das scheint ein genereller Fehler im HTML-Editor zu sein. Das müssen wir für das nächste Update anpassen.

    Als Workaround müssten Sie den Quelltext manuell anpassen, damit das so aussieht:

    Code
    <div style="text-align: center">
    	<ul style="display: inline-block">
    		<li>Platzieren Sie hier Ihre eigenen Texte und Bilder</li>
    		<li>Bearbeiten Sie diesen Text einfach durch einen Doppelklick</li>
    		<li>Platzieren Sie hier Ihre eigenen Texte und Bilder</li>
    		<li>Bearbeiten Sie diesen Text einfach durch einen Doppelklick</li>
    	</ul>
    </div>

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • @ Walter:
    Vielen Dank für Ihr Feedback. Die Zentrierung wäre mal was anderes; ein "interessanter Effekt" bei einer relativ kurzen Aufzählung ...

    @ Herr T.:
    Besten Dank für Ihre Hilfe. Das ganze funktioniert im Firefox prima, aber im IE und im Chrome nicht, siehe Screen:

    Fehlen da noch ein paar Schnipsel ;) ?

    Herzliche Grüße

    Sunny

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • Hallo Sunny,

    das liegt daran, dass Ihr Quellcode der Listen falsch ist. Bitte genau wie im Quellcode oben einfügen.

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • Hallo Herr T.,

    das hatte ich per Copy & Paste, im HTML-Bereich des Artikels.

    Der Code wird wohl im Editor (nach Speichern des Artikels) automatisch umgewandelt ...

    Liebe Grüße

    Sunny

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • Version 12.5.6 Business

    LG Sunny

    Nachtrag:
    Ich habe Ihren Code jetzt mal mit dem Widgent "Quelltext" eingegeben. Damit wird der Code zwar nicht verändert, aber die Darstellung im IE11 und Chrome44 passt auch so nicht.

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • Ich hab noch im Code hinzugefügt, dass die Listenelemente selber alle linksbündig sind. Das schaut bei mir in allen Browsern gleich und OK aus.

    Code
    <div style="text-align: center">
    	<ul style="display: inline-block">
    		<li style="text-align: left">Platzieren Sie hier Ihre eigenen Texte und Bilder</li>
    		<li style="text-align: left">Bearbeiten Sie diesen Text einfach durch einen Doppelklick</li>
    		<li style="text-align: left">Platzieren Sie hier Ihre eigenen Texte und Bilder</li>
    		<li style="text-align: left">Bearbeiten Sie diesen Text einfach durch einen Doppelklick</li>
    	</ul>
    </div>

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • Hallo Herr T.,

    vielen Dank für Ihre Mühe.

    Aber das ist nicht das, was ich meinte: zentrierter Text mit Aufzählungszeichen, die sich (mit ein paar Pixeln Abstand) direkt links neben dem zentrierten Text befinden, so, wie das folgende Beispiel mit Bindestrichen:

    - Text
    - Noch mehr Text
    - Noch viel mehr Text
    - Noch ganz viel Text mehr


    Mit Ihrem ersten Code hat das funktioniert, aber nur im Firefox.

    Ich habe das jetzt mit Grafik-Dateien gelöst. Funktioniert und sieht ganz nett aus in allen Browsern ;) .

    Die programmiertechnische Lösung ist wahrscheinlich komplexer. Vielleicht können Sie das ja beim nächsten Update berücksichtigen.

    Nochmals danke & liebe Grüße

    Sunny :)

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

Jetzt mitmachen!

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