Navi Fixed 0px

Tutorials von Thomas Frei-Herrmann

<<< Seitenbreite = 990 Pixel >>>

Seite links auf 150px, Navi links in “fester” Position und einem Abstand von 0 Pixeln.


Auf dieser Seite ist die Navi mit einem DIV-Container versehen, der folgenden CSS-Inhalt hat. Diese CSS gehört in die HTML des Layouts.

> Layout klicken > Fenster “Layout-Eigenschaften” > Button “HTML” > “Zwischen Head Tags” einfügen.

<style type="text/css">

    #navigation
   {
      position:fixed;
      top:200px; left:0px; right:0px;
   }

</style>

Einen extra Layout-Bereich aufziehen und auf diesen die Navigation legen.

> Layout-Bereich markieren > Fenster “Layout-Bereich-Eigenschaften” > Button “HTML”

> vor dem Tag (ab NOF 11 “vorher”) die ID des DIV-Containers eintragen (hier “navigation” genannt):

<div id="navigation">

> nach dem Tag (ab NOF 11 “nachher”) den DIV-Container schließen:

</div>

Achtung:

Solltet Ihr Verlinkungen auf Eurer Seite setzen, die sich neben dem Bereich des DIV-Containers auf der Seite befinden, dann müsst Ihr den Layout-Bereich, also diesen DIV-Container, auf die HTML-Ausgabe “Festes Seitenlayout” (NOF 12 “HTML 4.01”) stellen, da sonst die Links nicht funktionieren würden.

diese Seite weiter empfehlen



Counter Statistik