Navigationspunkte mit Abständen versehen

[kumpel01]

Hallo zusammen,

ich hätte mal ne Frage zur Gestaltung einer Seite bzw. zur Navigation. Läuft momentan nur lokal, deshalb kann ich leider nix live zeigen.
Hier ist aber das Bild, wie es mal aussehen soll:




Das ganze soll also im Hintergrund ein Raster erhalten und die Frage ist nun, wie ich es hinbekomme, dass die einzelnen Menüpunkte einen Abstand voneinander haben und damit ins Raster passen. Hab schon in der CSS-Datei alles mögliche probiert aber nix gefunden.

Vielleicht kann mir hier jemand helfen?

[photojo]

Hi,

ich würde das Menü in einen eigenen div-layer packen. Wenn du mit NAV_LIST_UL arbeitest, dann kannst du Abstände zwischen den Menüpunkten im css so setzen, dass das wieder zu deinem Raster passt.

Jo

[kumpel01]

Hi und danke für die schnelle Antwort.
Ich arbeite mit FlipFlops Navigation, bin aber noch nicht auf den Stein der Weisen gestoßen...

[photojo]

Ja, genau, das meinte ich, die Navi von FlipFlip. Dazu gehört doch unter anderem die Datei nlu_horiz1.css.
Hier findest du folgende Zeilen:

Code: Select all

/* if you need a static width ELSE comment it out */
   width: 128px; /* ;width entry = with + boarder left/right  ==== IE only ====*/
   w\idth: 127px; /* width entry = with - padding left/right */

Damit kannst du die Breite deiner einzelnen Menüpunkte deinem Raster anpassen.

Jo

[kumpel01]

Ja, genau, das meinte ich, die Navi von FlipFlip. Dazu gehört doch unter anderem die Datei nlu_horiz1.css.
Hier findest du folgende Zeilen:

Code: Select all

/* if you need a static width ELSE comment it out */
   width: 128px; /* ;width entry = with + boarder left/right  ==== IE only ====*/
   w\idth: 127px; /* width entry = with - padding left/right */

Damit kannst du die Breite deiner einzelnen Menüpunkte deinem Raster anpassen.

Jo

Ok, so weit so klar. Ich möchte also, dass ein Menüpunkt eine Breite von 140 px hat und der nächste Punkt 5 px Abstand vom ersten hat.
Wie geb ich das dann ein? width 145 px??

[flip-flop]

CSS studieren, border, margin, padding. -> z.B http://www.css4you.de/

Knut