Ganzseitigen Artikel über zwei Halbseiten-Artikel erstellen

  • Hallo,

    ich habe in einem Container zwei Artikel nebeneinander liegen. So weit so gut. Nun möchte ich einen weiteren Artikel über diesen beiden einfügen und dieser soll aber über die ganze Seitenbreite laufen. Irgendwie bekomme ich das aber nicht hin.
    Sobald ich einen weiteren Artikel einfüge, dann ist dieser mit den vorhandenen gebunden, d.h. es nimmt die selbe Breite ein, wie das darunter liegende und wenn ich die Laufweite des oberen Artikels verändere, ändert sich das auch für die darunter liegenden. Irgendwie habe ich das Prinzip dahinter noch nicht verstanden. ?(

    ZP15 Business - Flat-Responsive

  • Hallo sy67,

    das kann daran liegen das sich die 3 Artikel in einem Container befinden. Sie müssten einen Artikel einem neuen Container zuweisen oder Sie verschieben den Artikel der sich über die ganze Seitenbreite laufen soll, ganz nach oben. Via das Grid-System den Artikel in die Länge zu ziehen ist nicht möglich, wenn sich 2 Artikel direkt übereinander befinden. Denn dann werden alle Artikel in die Länge gezogen bzw. gekürzt. In einer angehängten Datei habe Ich zwei Hinweisboxen nebeneinander verlegt und einen Text-Widget nach ganz oben verschoben (über die zwei Hinweisboxen).

    Edit: Vielleicht hilft Ihnen dieser Link weiter (führt zum Online-Handbuch).

    MfG Manfred

  • Hallo Manfred,

    ...oder Sie verschieben den Artikel der sich über die ganze Seitenbreite laufen soll, ganz nach oben.

    Hallo Manfred,
    genau das funktioniert bei mir eben nicht. Zumindest nicht so, dass es über die ganze Seite geht.

    Ich habe zwei Container übereinander mit jeweils einem großflächigen Hintergrundbild darin.
    Im unteren Container habe ich problemlos zwei Artikel nebeneinander erstellt. Nun möchte ich einen weiteren Artikel über diesen beiden, aber innerhalb des zweiten Containers, erstellen und genau das funktioniert bei mir nicht.
    Ich kann zwar auf das Plus Zeichen auf eines der unteren Artikel klicken, aber dann wird der neue Artikel natürlich an diese (innerhalb deren Grid) gebunden, hat dann also die selbe Breite.
    Wenn ich auf das Plus Zeichen an der oberen Kante des zweiten Containers klicke, dann wird der neue Artikel in dem darüber liegenden Container erstellt. Wenn ich aber an dessen unteren Kante mit dem Plus Zeichen einen neuen Artikel erstelle, dann wird dieser in diesem Conatainer erstellt und läuft auch über die gesamte Breite. Aber eben ganz unten und nicht ganz oben als erster Artikel im Container. Wenn ich nun diesen untersten Artikel mit der Maus ganz nach oben verschiebe, habe ich wieder das Problem, das er entweder an den anderen Artikel gebunden ist oder aber im ersten Container platziert wird.
    Irgendwie blick ich die Logik dahinter nicht.

    Das "lustge" ist, wenn ich in einem neuen Container zuerst zwei ganzflächige Artikel untereinander erstelle und dann das dritte rechts neben dem zweiten anordne, funktioniert das ganze. Das heißt, der oberste Artikel bleibt unberührt und die beiden unteren werden dann nebeneinander angeordnet. Also ganz so, wie es sein soll. Das Problem ist aber, wenn man als erste Artikel im Container zwei nebeneinander angeordnete Artikel hat, und dann über diesen einen ganz flächigen anordnen möchte.


    Könntest du mir freundlicherweise anhand eines Screenshots zeigen, auf welchem Symbol du deinen hoch geschobenen Artikel genau abgelegt hast, dass es zwar über den beiden Artikel liegt aber nicht in den darüber liegenden Container platziert wird? Vielleicht habe ich heute Morgen einfach nur Tomaten auf den Augen.

    ZP15 Business - Flat-Responsive

  • Hallo Sy67,

    so Ich habe soeben mal was getestet. Dieser Vorgang wird etwas komplizierter, aber es sollte funktionieren.

    Schritt 1) Verschieben Sie den Artikel der sich auf auf der komplette Seite (im 2. Container erstrecken soll), nach ganz unten.
    Schritt 2) Verschieben Sie die kleineren Artikel unterhalb des großen Artikels im 2. Container. Dadurch werden die beiden Container zusammengefügt.
    Schritt 3) Gehen Sie auf das Zahnrad, wo der 2. Container sein soll und fügen Sie hier einen neuen Container ein. Wählen Sie das Hintergrundbild für den 2. Container aus. Nun sollten es so sein, wie Sie es wollten.
    Schritt 4) Der Abstand zwischen den Artikeln ist zu groß. Das lässt sich via CSS regeln. Dazu später mehr (Screenshots sind nach den Schritten benannt und leider verrutscht)

    MfG Manfred

  • Vielen Dank erst mal für die Mühe mit den Screenshots!

    Genau so mache ich das auch aber mit Anderem Ergebnis. Ich habe nun auch mal was gebastelt, um mein Problem optisch (hoffentlich) etwas besser darzustellen.

    Wenn ich das so mache wie in der Grafik abgebildet, dann landet der Artikel wie gesagt, im oberen blauen Container. Es soll aber als erster Artikel im unteren grünen Container sein.

  • Schritt 5) Gehen Sie im 2. Container auf den größeren Artikel und klicken Sie diesen 2mal an (zum bearbeiten). Dann gehen Sie auf das Mischpult. Gehen Sie nun auf die Schaltfläche "Mehr" und betätigen Sie diese. Geben Sie nun im CSS-Inline Fenster folgenden Befehl ein (zum kopieren des Befehls, einfach das Dokument rechts anklicken)

    Code
    margin-bottom: -50px;

    Anschließend nur noch bestätigen. Sie können den Befehl jederzeit nach Ihren wünschen anpassen.

    MfG Manfred

  • Hallo sy67,

    Ich entschuldige mich vielmals für die schwere Geburt. Manchmal oder eher sehr häufig verstehe Ich die Beiträge falsch. Diese 5 Schritten sind etwas umständlicher, aber einen besseren Weg habe Ich noch nicht gefunden. Auch meine Erklärungen treffen nicht immer auf dem Punkt. Ich hoffe, dass Ich Ihnen diesmal helfen konnte. Ansonsten muss ein anderer aus dem Forum her.

    MfG Manfred

  • Hallo sy67,

    ganz ehrlich. Ich würde meine eigene Beiträge selbst nicht verstehen. :D Freut mich aber, dass Ich Ihnen helfen konnte. Manchmal muss man es selbst probieren, um es besser zu lernen.

    MfG Manfred

  • Ehrlich? ich den Sch** net gemacht. Das hätte ich einfach nochmal neu begonnen. Erst den Artikel über die ganze Seite und dann die beiden danebenliegenden. Wenn nötig noch die Breiten zurechgezogen und fix dat Dingens.

    Habe es auf einer Seite von auch so gehabt mit den selben Problem und habe es dann wie gesagt neu angefangen den Bereich.
    Auf https://community.zeta-producer.com/www.werbung-freizeitoase.de ist das Ergebnis zu sehen. Einfach auf der Start ein wenig runterscrollen...

    Freundlichste Grüße...

    Gawainos

    P.S.: Ich meine es nie böse... ;)

  • Ehrlich? Ich hätte den Sch** net gemacht. Das hätte ich einfach nochmal neu begonnen.

    Hallo Gaiwanos,

    egal wie man es auch gemacht hätte. Beides ist mit etwas arbeit verbunden gewesen. Wenn jeder Mensch gleich wäre, dann wäre es doch langweilig. Hätte man alles neu gemacht, würde es einfacher gehen, jedoch muss man dann den Text neu eingeben oder alles kopieren & dann einfügen (Copy & Paste). Dann noch die Schriftfarbe & die Schriftgröße anpassen und etc. Ich habe halt den komplizierten Weg gewählt (die obige Erklärung).

    MfG Manfred

  • Hallo Manfred, alles gut. Aber zur Veranschaulichung habe ich dir mal zwei Anhänge angehangen.
    Anhang 1 ist meine Erklärung und die Lösung seines Problems. Anhang 2 ist ein Teil deines Ansatzes. Nönö es geht nicht um kompliziertes Erklären und Missverstehen. Es geht um Effizienz, Manfred. Zeitgewinn und Einsparung von unnützem Rumdenkens, schonender Umgang mit Energieressourcen des Gehirnes. Kling völlig Plemplem aber isso.
    Ehe man lange an sowas rumhampelt, löst man es eben auf effizient Art. Klar soweit? :) :thumbup:

  • Ehrlich? ich den Sch** net gemacht. Das hätte ich einfach nochmal neu begonnen. Erst den Artikel über die ganze Seite und dann die beiden danebenliegenden. Wenn nötig noch die Breiten zurechgezogen und fix dat Dingens.

    Habe es auf einer Seite von auch so gehabt mit den selben Problem und habe es dann wie gesagt neu angefangen den Bereich.
    Auf https://community.zeta-producer.com/www.werbung-freizeitoase.de ist das Ergebnis zu sehen. Einfach auf der Start ein wenig runterscrollen...

    Wenn du Zeit und Lust hast, kannst du das bei deinen Projekten gerne so machen.

    Mein Projekt besteht aus ca. 300 Seiten und da werde ich ganz sicher nicht jeden Artikel neu erstellen.

    Und überhaupt, was willst du eigentlich? Das Problem ist durch Manfreds freundliche und schnelle Hilfe schon längst gelöst.
    Dein Kommentar ist hier einfach nur überflüssig.

    ZP15 Business - Flat-Responsive

  • Hallo sy67,

    vielen Dank für die Verteidigung. Gawainos hat es aber nicht böse gemeint. Von daher ist alles gut. :)

    MfG Manfred

  • Hallo Manfred, alles gut. Aber zur Veranschaulichung habe ich dir mal zwei Anhänge angehangen.
    Anhang 1 ist meine Erklärung und die Lösung seines Problems. Anhang 2 ist ein Teil deines Ansatzes. Nönö es geht nicht um kompliziertes Erklären und Missverstehen. Es geht um Effizienz, Manfred. Zeitgewinn und Einsparung von unnützem Rumdenkens, schonender Umgang mit Energieressourcen des Gehirnes. Kling völlig Plemplem aber isso.
    Ehe man lange an sowas rumhampelt, löst man es eben auf effizient Art. Klar soweit? :) :thumbup:

    Hallo Gawainos,

    ich nehme es Ihnen nicht übel. Ihren Schritt hatte Ich zuerst auch genannt, jedoch habe Ich die Beiträge überarbeit. Von daher sehen Sie auch nichts mehr davon. Auch Ich lerne täglich neu hinzu. Beim nächsten mal wird es auch für mich einfacher werden. :thumbup:

    MfG Manfred

Jetzt mitmachen!

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