Probleme mit Abständen (Navigation - Header)

  • Nabend,

    ohne Gewähr und der Möglichkeit, dass es vom off. Support oder anderer Seite eine bessere Lösung gibt.

    • Gehe zu Webseite -> Einstellungen -> CSS
    • Trage in das Feld den den nachfolgenden Codeschnipsel ein
    CSS
    <style>
    #navbar { margin-top: -100px; }
    </style>
    • Speichere das Ganze
    • Benutze die Funktion "Webseite erstellen" indem Du F6 oder bei manchen Laptops auch fn+F6 betätigst
    • Schau ob es so passt oder passe ggf. den px Wert an.
  • ... hat funktioniert, Du hast wieder mal den Nagel auf den Kopf getroffen. Vielen Dank!
    Insgesamt vermisse ich aber solche Einstellmöglichkeiten im ZP.

    Klasse, Problem gelöst!

  • @halloTAXI,

    Zeta ist ja primär für die "einfache und schnelle" Erstellung von Webseiten von uns Usern geliebt. Da bleiben solche Speziallösungen schon mal auf der Strecke. Zum Glück aber gibt es die Option der CSS-Beeinflussung und solche aktiven Forumsmitglieder wie @Mario, @Jochen und andere, die mir hoffentlich jetzt nicht böse sind, weil ich sie gerade nicht erwähnt habe, die immer noch den einen oder anderen Tipp auf Lager haben. An dieser Stelle einfach mal :thumbup: :thumbup: :thumbup: für das Support-Team von Zeta und an alle, die hier im Forum aktiv sind.

  • Im Layout "Clean Style Responsive" hat die Abstandsanpassung bei http://www.tobias-von-der-heide.de/vorschau2016/ funktioniert.
    Warum geht das aber im gleichen Layout bei http://www.lemke-personalservice.de nicht.
    Hier soll die Navigation auch höher rutschen und dichter am Logo erscheinen.
    Allerdings ist hier bereits Code für die Navigation unter CSS eingebaut (soll rechtsbündig und fett sein)

    <style>
    .navbar .nav > li > a {
    font-weight: bold;
    }
    </style>

    Vielleicht funktioniert eine Mischung aus beiden Codes, aber wie?

  • Wer genau soll der oben genannte Codeschnipsel bewirken ? Stammt der von Dir selbst ?
    Was genau heisst rechtsbündig (wo soll die Navigation abschließen ? Bündig mit den Slider Grafiken darunter ?
    Soll die Navigation permanent in Fettschrift dargestellt werden oder immer nur bei Mouseover ?

  • Ok, ich kann den Codeschnipsel im Inspector nirgends erkennen und dieser Code ist auch nicht dafür verantwortlich, dass die Navigation rechts ausgerichtet ist.
    Aber sei es drum. Ich kann es eben leider nicht "live" testen, aber wenn ich vor dieser Konstellation stehen würde, würde ich wie folgt vorgehen.

    Wie immer: Ohne Gewähr und der Möglichkeit, dass es vom off. Support oder anderer Seite eine bessere Lösung gibt.

    • Gehe zu Webseite -> Einstellungen -> CSS
    • Trage in das Feld den den nachfolgenden Codeschnipsel ein
    CSS
    <style>
    #navbar { 
    margin-top: -80px;
    font-weight: bold;
    padding: 20px 10px !important;
    }
    </style>
    • Speichere das Ganze
    • Benutze die Funktion "Webseite erstellen" indem Du F6 oder bei manchen Laptops auch fn+F6 betätigst
    • Schau ob es so passt oder passe ggf. den px Wert an.

    Bewirkt, dass die Navigationsbar um 80px nach oben verschoben wird, die Menuepunkte in Fettschrift dargestellt werden und das Menue selber um weitere 10 px nach rechts verschoben wird, also bündig mit den Slider Grafiken darunter abschließt.

  • Danke hat geklappt.
    Der code steht allerdings nicht unter Einstellungen >> CSS
    sondern unter
    Projektordner >> Attribute >> additional_scc

    Einmal editiert, zuletzt von halloTAXI (18. März 2016 um 13:55)

Jetzt mitmachen!

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