Album Responsive - Abstand zum Text bzw. Fußzeile

  • Hallo,

    ich hatte das Problem, dass ich unten bei der Fußzeile bzw. oben beim über den Header zusätzlich eingefügten Bild (Banner) einen unschönen Abstand hatte. Das konnte ich zwar lösen, indem ich im Layout unter

    -> Inhaltsbereich -> Abstand oben den Wert von 30 auf 0 geändert habe.

    Jetzt habe ich aber das Problem, dass der Text ohne Abstand unter dem Header klebt.

    Gibt es dafür eine Lösung?

    Vielen Dank und Grüße

    Petra

  • ..kleiner Nachtrag: Das mit dem Banner oben ist keine gute Idee, auf dem Smartphonebildschirm sieht das nicht gut aus (die Entwickler haben sich eine Menge gedacht bei der Konzeption des Layouts!).

    Das Problem mit dem Abstand der Fußzeile bleibt:

    Entweder ich habe den Abstand von der Fußzeile zum Inhalt oder der Inhalt "klebt" am Header ...

  • Hallo,

    ich kann das eben hier nicht so ganz nachvollziehen, das der Inhalt am Header "klebt".
    Wäre es möglich, das du einen Screenshot erstellst, und auf diesem markierst, was du damit genau meinst?
    Oder einen Link zu der Seite posten, so das man es sich da ml ansehen kann.

    Gruß
    Jochen

  • ...also, anbei zwei Dateien.

    Bild1 - die ursprüngliche Standard-Fusszeile mit Abstand 30. Der Abstand zum Inhaltsbereich stört dabei.

    Bild 2 - den Abstand habe ich rausgenommen (-> Inhaltsbereich -> Abstand oben den Wert von 30 auf 0 geändert).
    Jetzt passt der Abstand der Fußzeile unten, sie grenzt direkt an den Inhaltsbereich, was nun aber nicht passt, ist der Abstand vom Text (Inhaltsbereich) zum Header:


    Ich hoffe, es ist so nachvollziehbar.

    Außerdem wird die Fußzeile nur auf der ersten Seite (Startseite), hier die Seite Kontakt, angezeigt.

    Danke und Grüße

    Petra

  • Hallo,

    also den Abstand, kannst du mit eigenem CSS korrigieren: http://docs.zeta-producer.com/eigenes-css-einfuegen.html
    Und dort dann folgendes eintragen:

    <style>
    #footer {
    margin-top: 0px;
    }
    </style>

    Warum die Fußzeile, bei dir nur auf einer Seite dargestellt wird, kann ich nicht nachvollziehen.
    Ggf. mal Website > Erstellen > Allei Seiten erstellen durchführen, oder die Fußzeile neu einfügen.

    Gruß
    Jochen

  • Hallo,

    ich vermute, Sie nutzen hier einen sogenannten Footer-Teaser (zu erkennen, wenn man mit F8 in die Spaltenansicht umschaltet, dass in der Spalte "Footer" ein Artikel platziert ist). Und der hat dann zum normalen Footer nach oben hin einen Abstand. Das sollte nicht sein und wird im Layout behoben werden. Ein Footer-Teaser wird nur auf der Seite angezeigt, auf der er eingefügt wurde. Ausser er wird vererbt.

    Folgender CSS-Code sollte helfen:

    • 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>
    #footer + #afterfooter{
    margin-top: 0;
    }
    </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)

  • ...eine abschließende Frage hätte ich noch:

    Kann ich den Teaser, den ich jetzt (nahtlos ;) ) unter der Fußzeile platziert habe, auch so einstellen, dass er auf allen Seiten automatisch erscheint, also quasi wie eine Verlängerung der Fußzeile?

    Danke schon mal und Grüße

    Petra

  • Das kannst du so machen:

    - Öffne in deinem deinen "Hauptteaser" unten links das Symbol "Weitere Einstellungen".
    - Hier dann ein Häkchen reinmachen bei "Auf allen Seiten anzeigen".

    Gruß
    Jochen

  • @Jochen,
    ja, du hast recht. Ich dachte der Abstand über dem Footer macht nichts, weil ich das ohne Hintergrundfarbe im Inhaltsbereich nicht sah. Muss ich etwas umbauen, denn einen Abstand zwischen Inhalt und Footer brauchen wir, nur sollte man den nicht als weißen Streifen sehen…

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

  • @Jochen,

    danke, das Häkchen hatte ich schon probiert, das klappt nicht. Ist aber eigentlich auch logisch, da ich das Häkchen auf der Startseite setze und dies nur für untergeordnete Seiten gilt.

    Gibt es eine Möglichkeit, diesen Teaser allen Seiten zuzuweisen?

    Danke und Grüße

    Petra

  • Hallo Petra,

    also bei mir wird nach der Aktivierung der Option, der Teaser auf allen Seiten des Projektes angezeigt.
    Hast du mal Website > Erweitert > Erstellen > Alle Seiten erstellen durchgeführt?

    Gruß
    Jochen

  • Der Teaser muss auf der "Wurzelseite" angelegt werden, dann kann er auf alle Seiten vererbt werden. Meist ist die Startseite auch die Wurzelseite, dies ist aber nicht zwingend so. Die Wurzelseite kann eine beliebige Seite sein.

    Wenn man einen Artikel auf der Wurzelseite vererbt, dann steht in der Artikel-Option hinter der Checkbox "Auf allen Seiten anzeigen" ansonsten steht da "Auch auf untergeordneten Seiten anzeigen"

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

  • Danke für den "Wurzeltipp", der Root-Ordner war nicht richtig eingestellt. Und schon klappt alles.

    Ihr seid super!

    Mercy und schönen Tag noch.

    Grüße

    Petra

  • Hallo,

    ich habe in einem anderen Projekt jetzt Probleme mit der Header: Da ist davor und danach ein großer Abstand.

    Der CSS-Code

    <style>
    #header { margin-top: 0px; }
    </style>

    hat leider nichts gebracht.

    Wahrscheinlich habe ich einen Denkfehler. Für Tipps bin ich sehr dankbar.

    Grüße

    Petra

  • Hallo Petra,

    bitte bei solchen Anliegen, immer dazu schreiben welches Layout und welche ZP-Version du im Einsatz hast.
    Und am besten auch einen Link zu der Seite (sofern schon online) oder einen Screenshot hier posten, das man sehen kann um was es geht.

    Wenn du das machst, kann dir hier bestimmt geholfen werden.

    Ich für meinen Teil, mach aber jetzt Feierabend und bin erst morgen wieder hier :)

    Gruß
    Jochen

  • Hallo Jochen,

    wie in der Überschrift und oben aufgeführt, handelt es sich um das Album responsive Layout (sonst hätte ich einen anderen Thread aufgemacht). ZP-Version ist 12.5 .

    Screenchot entspricht dem oben, nur dass nun der Header betroffen ist (ist das "ansteckend" :) )

    Grüße

    Petra

  • Juhu, selbst gelöst :)

    Nachdem das Problem bei verschiedenen Layouts bestand, habe ich den fehlerhaften Header gelöscht und einfach nochmal neu erstellt (mit genau den gleichen Fotos, neu importiert) - voila, es klappt.

    Schönen Tag an alle!

    Grüße

    Petra

Jetzt mitmachen!

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