Probleme mit 2 geteilten Navigationsmenü !!

[Lemmel]

Hallo !!
Habe da n dickes Problem oder vielleicht einfach nur Verständnisschwierigkeiten !! Ich hoffe ihr könnt mir helfen !!
Ich nutze folgendes zweigeteiltes Navimodul als horizontale Navigation:

http://www.contenido.org/forum/viewtopi ... les+men%FC

Ich habe einen Verzeichnisbaum Home angelegt mit ein paar Unterpunkten

Also:

Home
->Punkt1
->Punkt2
->Punkt3

Was dann in der Ausgabe so aussieht:

Punkt1 :: Punkt2 :: Punkt3

klicke ich nun auf Punkt 1 öffnet sich die Unternavi ordnungsgemäß

Punkt1 :: Punkt2 :: Punkt3
Punkt1.2 :: Punkt1.2 :: Punkt1.3 :: Punkt1.4

unter Punkt 1.1 habe ich auch noch eine Kategorie, welche sich auch noch einmal horizontal öffnen soll !!
Jedoch öffnet sich diese Kategorie nicht horizontal, sondern in einem Mix aus horizontal und vertikal !!

Also wenn ich z.B. Punkt 1.2 anklicke öffnet sich folgendes:

Punkt1 :: Punkt2 :: Punkt3
Punkt1.3
Punkt1.4
Punkt1.1 :: Punkt 1.2
Punkt1.2.1

Also der letzte Teil ->

Punkt1.1 :: Punkt 1.2
Punkt1.2.1

ist ja richtig, nur warum schieben sich die anderen beiden Punkte dadrüber und bleiben
nicht neben den beiden ersten Punkten ???????

Ich habe ja nun die Vermutung, dass der Punkt 1.2.1 schon die 4. Ebene ist und nicht erst die dritte, lieg ich damit richtig ??

Wenn ja, was müsste ich am Modul ändern, damit auch diese korrekt angezeigt wird ??
Habe leider absolut keine Ahnung von PHP und bin auch noch n absoluter Contenido Frischling, wäre daher über jede Hilfe sehr dankbar !!

Gruß

Patrick

[Beleuchtfix]

Hallo Patrick,
Schau mal hier nach: http://www.contenido.org/forum/viewtopi ... highlight=

Die Navigation geht eigenartig mit Tabellen und Tabellen-width um, und da sind die steuernden CSS-Einträge schwierig.

Viel Erfolg
Florian

[Lemmel]

Hallo Florian,
habe durch deinen Link folgendes Navigationsmenü gefunden:

http://www.x28.de/front_content.php?cli ... =390&m=&s=

Das ist eigentlich genau das was ich brauche. Habs auch mal eingebunden und funktioniert tadellos!! Hab da nur n klitzekleines Problem (mal wieder)

Was und vorallem wo müsste ich am Modul ändern, damit das ganze Menü horizontal dargestellt wird ??

Gruß
Patrick

[Beleuchtfix]

Im CSS!
Versuch mal die Anweisung float: left
Hier ein Link: http://css.fractatulum.net/csseditor/
Mit Beispielen: http://css.fractatulum.net/beispiele.htm
Viel Erfolg
Florian

[Lemmel]

Hallihallo ...

habe mal ein wenig mit der css Datei rumgespielt und auch dieses float: left eingebaut ... und siehe da, mein Menü
wird horizontal dargestellt !!
Klicke ich jetzt aber auf den ersten Punkt is leider schon wieder alles vorbei

So sollte es aussehen:

Punkt1 Punkt2 Punkt3 Punkt4
Punkt 1.1 Punkt 1.2 Punkt 1.3 Punkt 1.4

aber so sieht es aus:

Punkt1
Punkt 1.1 Punkt 1.2 Punkt 1.3 Punkt 1.4
Punkt2 Punkt3 Punkt4

Klicke ich jetzt noch auf Punkt1.2 gehts ganz durcheinander

Punkt1
Punkt 1.1 Punkt 1.2
Punkt 1.2.1
Punkt 1.3 Punkt1.4
Punkt2 Punkt3 Punkt4


Wäre schön wenn das mal jemand überfliegen könnte und evtl. den Fehler findet !!

Gruß

Patrick

Das hier ist meine css Datei :

Code: Alles auswählen

/* Hauptnavigation */
#navcontainer { 
background-color: #FFEBC6;
color: #000;
padding: 10px 0px 10px 0px;
}
/* Hauptnavigation 1. Ebene */
#navcontainer ul 
{
list-style-type: none;
margin: 0px 0px 0px 20px;
}
#navcontainer ul li 
{ 
float:left;
}
#navcontainer ul a
{
text-decoration: none;
font-size: 80%;
font-weight: bold;
padding: 1px 10px 2px 10px;
background-color: #DDB05E;
color: #fff;
}
#navcontainer ul a:hover
{
background-color: #FFE6B5;
color: #900;
}

/* Hauptnavigation 2. Ebene */
#navcontainer ul ul li 
{ 
margin-left: 20px;
}
#navcontainer ul ul a:hover
{

}

/* Hauptnavigation 3. Ebene */
#navcontainer ul ul ul li 
{

margin-left 30px;
}
#navcontainer ul ul ul a:hover
{

}

/* Hauptnavigation aktiver Menüpunkt 1. Ebene*/
#navcontainer a#navactive1 
{
text-decoration: underline;

}
/* Hauptnavigation aktiver Menüpunkt 2. Ebene*/
#navcontainer a#navactive2
{
text-decoration: underline;
}
/* Hauptnavigation aktiver Menüpunkt 3. Ebene*/
#navcontainer a#navactive3
{
text-decoration: underline;
}

[Lemmel]

ja ich nochmal ....

habe jetzt einfach mal die Schriftgröße verkleinert ... und siehe da das Menü wird nicht mehr so stark zerrupft und man kann auch wunderbar die Ursache erkennen !!
Wenn ich z.B. den Punkt1 anklicke öffnen sich die Unterpunkte direkt darunter ... jedoch is neben dem Punkt1 ein riesen Leerfeld ( vielleicht 20 bis 30 px) welches dann natürlich die Punkte 2, 3 und 4 an den rechten Rand drückt und diese dadurch nach unten verschoben werden !! Habe im css schon alle Pixelangaben dieser Größenordnung rausgeschmissen ... hat leider nix gebracht !!
Hat jemand eine Idee wie ich jetzt noch dieses riesen Leerfeld wegbekomme ??

Gruß
Patrick

[Beleuchtfix]

Listelemente werden immer ausgerückt. Man kann einen negativen Margin setzen und sich damit weiterhelfen.
{margin-left: -20px}

Eine gute Hilfe ist einmal den Qellcode der ausgegebenen Seite abspeichern, den Pfad zur CSS Datei anpassen und anschließend "zu Hause" etwas experimentieren, einmal am HTML Code und am CSS direkt und anschließend im Browser neu laden. Geht viel schneller und effektiver.

Viel Erfolg
Florian