Neue Version in der mobilen Ansicht

  • Ich schon wieder ;)

    Fleißig bin ich mit dem Umbau unserer Seite von 12.5 in die neue Version 14.3.1 beschäftigt. Dank der tollen Hilfe hier im Forum, nimmt es langsam Form an. Danke noch einmal. Bevor ich die neuen Seiten online stelle, schaue ich erst unter Chrome wie die Seiten später auf verschiedenen Geräten ausschauen. Leider ist das angezeigte Ergebnis nicht so prickelnd. Das beigefügte Bild zeigt eine Seite für das iPad. Die Textblöcke werden in der Ansicht auf allen Seiten so schmal angezeigt und die Zeilen laufen aus den Rahmen. Das Menü wird nicht korrekt dargestellt. Die Pfeile für das Untermenü laufen in den Text.



    Habe ich bei der Erstellung irgendetwas grundlegendes falsch gemacht? Ist die Vorschau unter Chrome vielleicht nicht korrekt und es wird später (wenn online) anders aussehen? So wäre jetzt gar nicht schön :( Warum werden die Textblöcke so schmal angezeigt mit so unendlich viel Leerraum dazwischen ... Merkwürdig.

    Ach ja, so sieht die Seite normalerweise aus:

    Freundliche Grüße
    Susanne

    ZP 17 Express
    Flat Resp.

    Am Rande meines Verstandes kichert der Wahnsinn!

  • Hallo,

    das müssten wir mal online sehen. Ist die neue Website online erreichbar? Wenn ja, bitte die Web-Adresse mal posten.

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

  • Nein, ist noch die alte Version (12.5) online.

    Ich bin leider noch nicht so weit in der 14, weil es nach der Konvertierung doch umfangreicher war alles optisch wieder so zu gestalten, dass es ähnlich gut aussieht, wie in der 12.
    Nun traue ich mich natürlich auch gar nicht, die Seite so online zu stellen. Könnte was bei der Konvertierung falsch gelaufen sein?

    Freundliche Grüße
    Susanne

    ZP 17 Express
    Flat Resp.

    Am Rande meines Verstandes kichert der Wahnsinn!

  • Das ist schwierig zu sagen. Am besten veröffentlichen Sie die Website mal in einen Unterordner und nennen uns dann die Web-Adresse.

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

  • Ach Du je, die Seite ist ziemlich groß (http://www.wohnhelden.de) und ist unsere Firmenseite. Ich würde ungern die gesamte Seite in eine Unterordner packen und übertragen. Gibt es keine andere Möglichkeit?

    Freundliche Grüße
    Susanne

    ZP 17 Express
    Flat Resp.

    Am Rande meines Verstandes kichert der Wahnsinn!

  • Kann ich Ihnen eventuell das Projekt senden?

    Freundliche Grüße
    Susanne

    ZP 17 Express
    Flat Resp.

    Am Rande meines Verstandes kichert der Wahnsinn!

  • Ist eigentlich ein ganz normaler Artikel. Ich habe soweit an den Artikeln nichts geändert - lief ja alles super. Ich habe auch Seiten, an denen kein Artikel anderrechten Seite liegt und da beschneidet er den Text genau so merkwürdig. Ich sitze nun schon einige Zeit an der Seite und den Eindruck der 12er Version wieder zu erlangen. Das sah optisch alles gut aus. Jetzt bin ich erschrocken, wie es in der 14 mobil ausschaut. Nun habe ich aber die 14er Version gekauft und möchte sie auch nutzen! Verständlich, oder?
    Kann ich Ihnen das Projekt senden?

    Freundliche Grüße
    Susanne

    ZP 17 Express
    Flat Resp.

    Am Rande meines Verstandes kichert der Wahnsinn!

  • Sehr gerne :)
    Ist unterwegs ... Danke

    Freundliche Grüße
    Susanne

    ZP 17 Express
    Flat Resp.

    Am Rande meines Verstandes kichert der Wahnsinn!

  • Hallo,

    vielen Dank für die Projektdaten. Es ist so, wie ich vermutet hatte. Die Artikel auf der rechten Seite sind alle im sog. News-Bereich enthalten. Dieser Bereich ist nur noch aus Kompatibilitätsgründen vorhanden und macht bei der mobilen Darstellung Probleme. Bitte also die Artikel aus dem News-Bereich in eine Spalte des Standard-Bereichs einfügen.

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

  • Hallo,


    vielen Dank für das Testen.
    Ich habe 3 Seiten jetzt so umgebaut und leider ist das Ergebnis nicht gut. Die Seiten sind optisch nicht mehr wie in der 12. Die Texte werden unschön umbrochen. Die Seiten sind in der Ansicht fürs iPad in 2 Spalten geteilt und das sieht leider sehr unschön aus. Vorher war alles gut! Wenn ich Sie richtig verstanden habe, kann ich mit der 14 nicht die Ansicht wieder herstellen, wie es in der 12 war - ist das korrekt?

    Kann ich dann die 14er Version wieder "zurückgeben" - denn unter diesen Umständen kann ich nicht damit arbeiten :-((((

    Die Seite vorher:


    Die selbe Seite nachher (Newsbereich ist entfernt)

    Freundliche Grüße
    Susanne

    ZP 17 Express
    Flat Resp.

    Am Rande meines Verstandes kichert der Wahnsinn!

  • Die Menüleiste war/ist ja leider auch noch etwas "kaputt" ... Wat nen Freitag :wacko:

    Freundliche Grüße
    Susanne

    ZP 17 Express
    Flat Resp.

    Am Rande meines Verstandes kichert der Wahnsinn!

  • Hallo,

    der Umbruch der Spalten (Breakpoint) erfolgt in der neuen Version etwas später. Daher werden beim iPad im Hochformat noch zwei Spalten angezeigt. Schaut eigentlich vollkommen in Ordnung so aus. Das mit dem Menü kann ich so nicht reproduzieren. Wo wird das denn so angezeigt?

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

  • Hallo,

    ich kann weder in 12.5 noch in 14.3.1 die eigenartige Darstellung aus Neue Version in der mobilen Ansicht nachstellen. Bei mit sieht erstreckt sich der Text links des News-Artikels über den gesamten, zur Verfügung stehenden Raum.

    Da müsste man mal prüfen, ob bei Ihnen spezielle Einstellungen im Spiel sind oder gar angepasstes CSS. Das lässt sich nur anhand der Online-Version prüfen. Sie müssten also Ihr Projekt wirklich einfach mal in ein Test-Verzeichnis veröffentlichen (deshalb immer Projekte zu senden ist zu zeitaufwändig für uns).

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo,

    der Umbruch der Spalten (Breakpoint) erfolgt in der neuen Version etwas später. Daher werden beim iPad im Hochformat noch zwei Spalten angezeigt. Schaut eigentlich vollkommen in Ordnung so aus. Das mit dem Menü kann ich so nicht reproduzieren. Wo wird das denn so angezeigt?

    Hallo,

    ich habe am Wochenende alles versucht, damit ich irgendeine Einstellung finde, die meine Seiten wieder so darstellt, wie es war. Leider vergeblich :(
    Persönlich finde ich die neue Darstellung in 2 gleichwertigen Spalten grafisch sehr unschön - gerade wenn man so viel Text wie wir hat. Kleine Elemente (Bilder oder Boxen), werden in der mobilen Version (Hochformat) im Verhältnis viel zu groß dargestellt. Mit der neuen Version wollte ich die neuen Features nutzen (OK Button und Link-Boxen), die ich auch super finde - aber in der Darstellung "mobile Version" - (iPad Hochformat, die nutzen leider viele!) sieht unsere Seite wirklich nicht mehr professionell aus. Kann ich irgendetwas tun, damit die Darstellung besser wird? Ich hoffe, Sie verstehen meine Problematik?!

    Das mobile Menü hat sich gelöst, war eine Einstellung in CSS bei mir, die vorher keine Probleme gemacht hat.

    Freundliche Grüße
    Susanne

    ZP 17 Express
    Flat Resp.

    Am Rande meines Verstandes kichert der Wahnsinn!

  • Hallo,

    ich kann weder in 12.5 noch in 14.3.1 die eigenartige Darstellung aus Neue Version in der mobilen Ansicht nachstellen. Bei mit sieht erstreckt sich der Text links des News-Artikels über den gesamten, zur Verfügung stehenden Raum.

    Da müsste man mal prüfen, ob bei Ihnen spezielle Einstellungen im Spiel sind oder gar angepasstes CSS. Das lässt sich nur anhand der Online-Version prüfen. Sie müssten also Ihr Projekt wirklich einfach mal in ein Test-Verzeichnis veröffentlichen (deshalb immer Projekte zu senden ist zu zeitaufwändig für uns).

    Hallo,

    okay, damit Sie sich auch ein Bild von der neuen Version machen können, veröffentliche ich die Seite dann gerne auf einem anderen Verzeichnis. Bin wirklich für jede Hilfe dankbar. Die Seiten sollten in ca. 30 Minuten online sein. Unter http://www.grafikcompany.de. Die Seiten sind noch nicht ganz fertig gestellt aber die Newsbereiche sind (fast) alle entfernt. Was extreme Probleme macht, ist dann die mobile Ansicht auf iPad im Hochformat.

    Freundliche Grüße
    Susanne

    ZP 17 Express
    Flat Resp.

    Am Rande meines Verstandes kichert der Wahnsinn!

  • Wenn es keinen Newsbereich mehr gibt, dann werden die Artikel auf dem iPad (Hochformat) so dargestellt, dass jeder Artikel 50% der Breite einnimmt. Wenn der Artikel im Newsbereich belassen wird, so werden die Artikel im Newsbereich mit ca. 23% Breite dargestellt (so ist es auf Ihrer Aktuellen) website. Man müsste dann nur herausfinden, warum der Artikel links vom News-Artikel bei Ihnen nicht die volle Breite eingenommen hat.

    Sie können also entscheiden, ob sie eine 50/50 Aufteilung möchten(ohne News-Bereich) oder eine ca. 70/30 Aufteilung (mit Artikel im Newsbereich).

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Erst einmal danke für die schnelle Antwort.
    Herr Steffen T. sagte mir, dass der Newsbereich hat Probleme macht in der mobilen Darstellung - daher habe ich alle Newsbereiche in den Standardbereich verschoben. Eine 70/30 Aufteilung wie es vorher war, wäre suuuuuuper!!! Leider klappt es nicht :(


    Es sieht immer so bei mir aus. Der Text geht aber auch nicht ganz bis zum Newsbereich. Es ist dazwischen 1 Spalte Platz, damit es optisch besser aussieht und auf der Desktop-Version nicht zu viel Text in einer Reihe ist.

    Freundliche Grüße
    Susanne

    ZP 17 Express
    Flat Resp.

    Am Rande meines Verstandes kichert der Wahnsinn!

  • Ah, da müssten Sie den Text links vom Newsartikel schon auf die ganze Breite aufziehen, dann wäre die Lücke weg. Ansonsten greift ja wieder die 50/50 Einstellung für den Inhaltsbereich ab iPad Hochformat…

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • PS: wenn Sie keinen Blocksatz nutzen würden, dann würden sicherlich alle Texte besser aussehen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Oh je, ich hab es befürchtet :-((( Keine andere Lösung?!

    Sorry, aber das sieht ja dann in der Desktop-Version nicht gut aus, wenn alle Elemente ohne viel Luft aneinander stehen. Als textlastige Seite war dann die 12er Version in der Hinsicht besser. Ich bin ein wenig geschockt, da ich jetzt kein befriedigendes Ergebnis mehr erreiche - für die mobile Version. Ich hatte zwar vorher mit der 14 getestet aber wie unser Seite mobil dann ausschaut, hab ich mir natürlich erst nach dem Kauf und kurz vor der Fertigstellung angeschaut.

    Kann ich den Newsbereich in der Spaltenbreite verändern? Breiter?

    Könnte ich ansonsten meine 14er Lizenz wieder zurück erstattet bekommen und weiter mit der 12er arbeiten? Ich habe die Update-Version am 20.06. erworben.

    Freundliche Grüße
    Susanne

    ZP 17 Express
    Flat Resp.

    Am Rande meines Verstandes kichert der Wahnsinn!

  • Hallo,

    Man könnte den Inhaltsbereich per CSS etwas schmaler machen, damit nach rechts zum Newsbereich mehr "Luft" ist. Das können wir machen, sobald Sie eine entsprechende Seite mit Artikel im Newsbereich online gestellt haben und uns hier die URL mitteilen. Newsbereich Breiter machen wird schwer. Ich habe aber heute ein Online-Update zu "Clean-Style Responsive" veröffentlicht, das den Newsbereich wieder absolut genau so breit mach, wie er in Version 12 war.

    Lizenzen zurückgeben geht nicht. Deshalb bieten wir ja zeitlich unbegrenzte, kostenlose Demoversionen an.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo,

    wenn man den Inhaltsbereich schmaler machen könnte, wäre das ja ungefähr das Design, dass ich in der 12 hatte/hab. Das wäre sehr gut. Wie funktioniert das dann? Geben Sie mir dann einen CSS Code, den ich dann einfüge oder wie läuft das? Falls es extern läuft, wäre die Eingabe ja bei jeder Überarbeitung von mir weg. So kann ich die Seite mit der 14 nicht online stellen, da es für mein Auge in der mobilen Version richtig, richtig schlecht aussieht.

    Ja, eigentlich war ich ein echter Zeta-Fan und da hab ich beim Kauf nicht lange überlegt ... Mist, hätte ich nur noch weiter probiert :(

    Freundliche Grüße
    Susanne

    ZP 17 Express
    Flat Resp.

    Am Rande meines Verstandes kichert der Wahnsinn!

  • Stellen Sie eine Seite, wie von mir vorgeschlagen in das Testverzeichnis online, dann gebe ich Ihnen einen CSS-Code.

    Noch nicht richtig veröffentlichen, erstmal nur auf einen Testserver oder in ein Unterverzeichnis. Dann geben Sie uns hier die URL zur Seite mit dem Artikel in der Newsspalte und anschließend erhalten Sie den CSS-Code.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Kann Ihnen das CSS jetzt schon geben. So sollte es dann genau wie in der alten ZP-Version aussehen.

    • Klicken Sie im Menü Website auf "Einstellungen"
    • Klicken Sie auf CSS
    • Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"
    CSS
    <style>
    @media (min-width: 769px) {
        #floatcontentleft, #floatcontentright{
            width: 67%;
        }
    }
    </style>

    Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Sorry, war kurz um den Block - klaren Kopf kriegen :)

    Nun aber ... ich habe den Code eben eingefügt und probiert ...

    Ich könnte Sie drücken :thumbup: Das sieht super aus und ich bin ganz glücklich. Danke!!! So könne ich ja jetzt doch die 14er Version nutzen. Danke!!!


    Freundliche Grüße
    Susanne

    ZP 17 Express
    Flat Resp.

    Am Rande meines Verstandes kichert der Wahnsinn!

Jetzt mitmachen!

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