Tutorials von Thomas Frei-Herrmann
<<< Seitenbreite = 990 Pixel >>>
Seite links auf 150px , Navi links in “fester” Position - hier mal in der HTML-Ausgabe XHTML
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.