Überschrift in Header

  • Guten Tag,

    ich mache eine neue Seite mit dem Layout "Locus Responsive".

    Die ganze Seite ist sehr luftig und hat große Abstände zwischen den Inhalten.

    Auf den ersten Blick sieht man das Logo, die Navigation und das Bild (gut gefällt mir die Möglichkeit, einen ganz kleinen Hinweis auf den Herkunftsort des Bildes unterzubringen).

    Text erscheint erst, wenn ich weiter nach unten scrolle.

    Das ist nicht ganz optimal. Der Leser/die Leserin soll ja direkt wissen, was ihn/sie auf der Seite erwartet.

    Gut wäre es, wenn ich in dem Bild eine große Überschrift und einen kurzen Text unterbringen könnte.

    Link zur Seite zum besseren Verständnis, was ich meine:

    netz-wandern.ch - Wandern in der Schweiz
    Das Wanderportal netz-wandern.ch stellt über 500 Wanderungen vor. Zudem gibt es viele Informationen rund um das Thema Wandern.
    www.netz-wandern.ch

    Oder die Abstände müssen verringert werden, damit zumindest direkt die Überschrift zu sehen ist.

    Hat jemand von euch noch eine Idee dazu?

    Danke im Voraus und viele Grüße

    Doro J.

  • Hallo Steffen,

    danke für diese Idee.

    Damit bekomme ich Text in den Header.

    Aber:

    Die Überschrift kann ich links setzen. Den Text nicht, der geht nur mittig oben, mitte, unten oder unter dem Bild.

    Auch schließt dieser Header nicht direkt an die Navigationsleiste an sondern steht noch tiefer und vergrößert mein Problem...

    Auch verringern sich dadurch nicht die Abstände, so dass alles etwas mehr zusammenrutscht, weniger Abstand hat und die Anfänge des Inhaltes zu lesen sind.

    Wie kriege ich es hin, dass der Abstand zwischen Logo und Navigationsleiste kleiner wird?

    Und auch der Abstand zwischen Header und Text?

    Über Ideen freue ich mich!

    Danke im Voraus.

    Gruß

    D. Jenders

  • Danke.

    Der Header ist jetzt hochgerutscht. Gut!

    Dadurch ist aber auch die Linie verrutscht. Kann ich die irgendwo löschen oder tiefer setzen, damit sie wieder zwischen Novaline und Softwareentwicklung steht?

    Wie verfahre ich mit dem Pfad und dem darunter folgenden Text?

    Mit welchen Code bekomme ich diese beiden Elemente höher?

    Leider kann ich nicht mit html programmieren ...

  • Hallo,

    da müssten Sie dann den Padding-Abstand nach oben von #header .topline ändern.

    Zum Beispiel so:

    Code
    <style>
      #header .topline {
        padding: 4em 3em 2em 3em;
      }
      #wrapper>.main {
        padding: 3em 3em 3em 3em
    }
    </style>

    Der Header-Text ist in diesem Layout immer unten.

    Evtl. sollten Sie auch mal ein anderes Layout ausprobieren, das evtl. besser passt.

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

  • Danke für die schnelle Antwort.

    Ich habe ein bisschen rumprobiert und im oberen Bereich ist es jetzt m. E. super.

    Jetzt müsste nur noch die Überschrift etwas höher stehen!

    Auf dem Bild sieht man, dass die Schrift schon halb zu sehen ist.

    Wenn man die komplett lesen könnte, wäre das perfekt.

    Haben Sie dazu vielleicht noch einen Tipp für mich?

    Vielen Dank!

  • Hallo,

    ein Tipp wäre auch mal ins Handbuch zu schauen.

    Über die Darstellungs Einstellungen kannst Du die Rheihe nach oben verschieben.

    hier mal ein Link Reihen bearbeiten

    Gruß Maik

    Win 11

    Zeta Producer, Version 16.7 Business

  • Mein Tipp wäre, das einfach so zu lassen.

    Die Ansicht ist ja abhängig vom Bildschirm, Auflösung und große des Browser-Fensters.

    Das sieht also bei den meisten Besuchern der Seite ganz unterschiedlich aus.

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

  • Danke für die schnellen Antworten. Ich freue mich, dass es dieses Forum gibt, wo mir jedes Mal schnell und unkompliziert geholfen wird!

    Eine Sache ist mir noch aufgefallen:

    Auf dem Handy (in senkrechter Haltung) ist der Untertext zu dem Bild nicht mehr lesbar. Er ist wahrscheinlich zu lang und wird dann übereinander geschrieben, an statt einen Zeilenumbruch zu machen und den Text in 2 Zeilen darzustellen. Kann ich das ändern?

  • Hallo,

    wie hast Du den Text dahin gemacht? Kommt der automatisch mit dem Bild?

    Gruß Maik

    Win 11

    Zeta Producer, Version 16.7 Business

  • Ursache hier ist, dass im Layout-Designer bei "Kopfgrafik" der Text 7pt hat und die Zeilenhöhe 1px.

    Das am besten ändern in Schriftgröße 0.7em und Zeilenhöhe 1.5.

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

Jetzt mitmachen!

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