Design-Problem bei der Darstellung eines Menüs

[pk.]

Hallo zusammen!

Ich hab ein Problem mit der exakten Umsetzung eines Designs. Vielleicht kann mir jemand weiterhelfen.
Die erste Navigationsebene ist oben horizontal, die zweite (und dritte) Ebene ist links vertikal angeordnet.

Es soll so aussehen:



Bei mir sieht es bisher aber nur so aus:




Bisher habe ich Folgendes gemacht:

Ich habe in der frontend.css definiert
.navi_rahmen {
border-width: 2px;
border-style: solid;
border-color: #002e59;
}
und das in der conf.template_default.inc.php eingetragen
$template_default['nav_table_struct']['table_class'] = 'navi_rahmen';
Ind der Datei habe ich auch noch die Farben und den Abstand zwischen den Reihen angepasst.
Das Problem ist nur, ich will vor dem ersten und hinter dem letzten Eintrag in der Navigation keinen Abstand.

Hat jemand eine Idee, wie ich das anstelle? Ich bin für jeden Tipp dankbar.


Grüße
pk.

[flip-flop]

Hallo pk.

vergiss die NAV_TABLE_COLUMN. Verwende die NAV_LIST_UL.
Hier findest du übrigens genau das was du brauchst unter "Combination of horiz. & vert. navigation" ganz unten
http://www.phpwcms.de/forum/viewtopic.php?p=83839

Knut

[pk.]

> http://www.phpwcms.de/forum/viewtopic.php?p=83839
Bor, alter Schwede, das ist ja ein ganz schön fetter Tanker.
Solche Umbauten machen ein späteres Update wahrscheinlich schwierig, oder?

Hat noch jemand eine Idee für eine weniger radikale Lösung? Ein Rahmen um die Navigation ist doch eigentlich nichts Exotisches.

Grüße
pk.

[Heiko H.]

Bor, alter Schwede, das ist ja ein ganz schön fetter Tanker.
Solche Umbauten machen ein späteres Update wahrscheinlich schwierig, oder?

ÜBERHAUPT NICHT!!!

Das bleibt von einem Update völlig verschont und erstrahlt nach selbigem in alter Schönheit.
Wie flip-flop schon sagt vergiss den Tabellenkram. Das ist Schnee von gestern und total unflexibel, wie Du grad selber siehst .
Um die NAV_TABLE_COLUMN so hinzubasteln, wie mann sie braucht, wären ab und an Änderungen am Quellcode nötig und das wiederum fällt dann einem Update zum Opfer.

Nur Mut, NAV_LIST_UL isses...

EDIT

Um die NAV_TABLE_COLUMN so hinzubasteln, wie mann sie braucht...

Frau natürlich auch...
/EDIT


Grüße Heiko...

[pk.]

> Nur Mut, NAV_LIST_UL isses...
Ich habs getan.
Und flip-flop ist der Coolste!

Mein ursprüngliches Problem, weiße Linie über dem ersten und unter dem letzten Menüpunkt, konnte ich aber nur zum Teil lösen.
In der 'nlu_navi1.css' habe ich folgenden Eintrag (Zeile 56/57)

/* ++ Untere Linie wenn gewuenscht */
border-bottom: 1px solid #fff; /*IE6 Bug */

Klar will ich die untere Linie, aber nicht beim letzten Menüpunkt. Da hab ich jetzt immer noch eine weiße Linie.
Ich vermute mal, das liegt an meinen eingeschränkten Kenntnissen von CSS. Hat jemand einen Tipp wie ich das mit der weißen Linie und der blauen Umrandung hinbekomme?

Grüße!
pk.

[flip-flop]

Hi,

klingt jetzt vielleicht blöd, aber das ist eine ziemlich schwere Aufgabe für ein automatisch generiertes Menü.
Es gibt m.W. keine Möglichkeit, den ersten und letzten Menüpunkt separat zu editieren, da diese nicht gesondert gekennzeichnet sind. Von der Möglichkeit einer Id-Vergabe einmal abgesehen. Aber das käme einem statischen Menü sehr nahe.

Um das Problem in deinem Sinne zu lösen bräuchte man ein speziell programmiertes Menü. (Hat also nichts mit CSS zu tun).

[EDIT]
Sollte doch gehen, zumindest ab der 1.33. Du kannst den neuen Parent Schalter dazu benutzen.
z.B. <div class="nlu_navi1">{NAV_LIST_UL:FP,1,4,act_path,active}</div>
Gedanklich baust du das Menü von unten nach oben auf, also die Lücke wird oberhalb von jedem Menüpunkt generiert.
Der letzte (erste) Menüpunkt wäre der Parent link. Die ganze Sache würfelt jedoch das allg. Verständnis für die Navigation.

Ich hätte da ein Variante die funktioniert, da ein Zähler für jede Ebene Eingebaut ist. Basiert allerdings auf DIVs. (Nur im Notfall verwenden). http://www.phpwcms.de/forum/viewtopic.php?p=76082#76082
[/EDIT]

Knut

[Oliver Georgi]

den "Zähler" gibt es auch für NAV_LIST_UL!!!

{NAV_LIST_UL:FP,1,4,act_path,active,levelIdName}

generiert dann <li class="li_levelIdName_ID"> Wobei ID = ID-der-Strukturebene ist.

Darüber kannst Du dann ganz gezielt Ausnahme-CSS definieren.

Oliver

[flip-flop]

Mit dem Zähler meine ich einen abgeschlossenen Zähler, der in der jeweiligen Ebene immer bei 1 beginnt.
Nur so ist es möglch die Automatik beizubehalten ohne die IDs abgreifen zu müssen.

Code: Select all

  Ebene                Zähler
-----------------------------------
- Ebene01              ebene01-1
--- Ebene01_01         ebene01_01-1
--- Ebene01_02         ebene01_01-2
--- Ebene01_03         ebene01_01-3
- Ebene02              ebene01-2
- Ebene03              ebene01-3
- Ebene04              ebene01-4
-----------------------------------

Eine Kennzeichnung des ersten/letzten Eintrags in der jeweiligen Ebene würde reichen.

Knut

[Oliver Georgi]

{NAV_LIST_UL:FP,1,4,act_path,active,levelIdName,3}

Oliver