Kriege einfach kein horizontales Menü hin / Customnav für horizontal und vertikal

**Marion** · 18.03.2014, 09:23

Hallo miteinander

Das ist jetzt wieder so eine Frage die ich echt müsste selber lösen können, aber irgendwie steh ich dermassen auf dem Schlauch, dass ich einfach nicht dahinter komme... ich bastle nun schon stundenlang rum...

Ich habe zwei Navigationen auf meiner Seite, eine links und eine oben. Beide bilden einen (meist verschiedenen) Teil meiner Seitennavigation, so dass ich beide als individuelle Menüs definiert habe (customnav). Im Seitenlayout "Default" habe ich die Topnavigation dem Header zugewiesen, die Navigation links dem Left. Entsprechend spreche ich im CSS die beiden an mit "#header .mod_customnav" bzw. "#left .mod_customnav". Nun sollte, ganz banal, das Menü im Header horizontal statt vertikal dargestellt werden, und das ist genau was ich einfach nicht hinkriege.

Ich bin sinngemäss der Anleitung in Peter Müllers Buch für horizontale Menüs gefolgt, aber bei mir bleibt das dumme Ding stur vertikal. Hier meine Formatdefinition für das Menü:

Code:

#header .mod_customnav {
    margin-top:10px;
    margin-right:0;
    margin-left:0;
}
#header .mod_costumnav ul {
    width:auto;
    float:left;
    margin:0;
    padding:0;
}

#header .mod_costumnav li {
    width:auto;
    float:left;
    margin:0;
}

#header .mod_costumnav a,
#header .mod_costumnav span {
    display:block;
    margin-right:20px;
    margin-left:20px;
    line-height:30px;
    list-style-image:url("files/laluna/trennertop.jpg");
}

#header .mod_customnav .active,
#header .mod_customnav .trail {
    font-weight:bold;
    color:#023B62;
}

Der Link zur Seite: http://www.laluna.ch/contao/

Irgendeinen doofen Fehler mache ich - sieht ihn jemand?

Herzlichen Dank für Eure Hilfe!
Marion

**462** · 18.03.2014, 09:52

mod_costumnav sollte wohl mod_customnav heißen...

**Marion** · 18.03.2014, 13:17

AAARGHH...! Genau das wars! Und ich hätte noch tausendmal draufgucken können und ich hätte es nicht gesehen!

Danke - danke - danke!

**SMP** · 18.03.2014, 13:30

Zitat von Marion

AAARGHH...! Genau das wars! Und ich hätte noch tausendmal draufgucken können und ich hätte es nicht gesehen!

Danke - danke - danke!

Hallo Marion,

kleiner Tipp benutz doch Firebug oder WebDeveloper Toolbar. Im Zweifelsfall einfach stumpf die Daten rüberkopieren. Hat mir letzten auch sehr geholfen, als ich bei verschachtelten ID Tags und Classen was vergessen hatte. Beim Firebug kannst du oben immer sehr schön in der CSS Ansicht sehen wo du dich gerade befindest und das dann in den Selector kopieren.
Falls du sowas noch nicht nutzt ...

Viel Spaß noch.
Norbert

**Marion** · 18.03.2014, 14:26

Hallo Norbert

Danke für den Tipp. Ich nutze bereits beides intensiv. Dort sah ja eigentlich alles richtig aus... das Rüberkopieren hätte den Schreibfehler beseitigt, da geb ich dir Recht.

Herzliche Grüsse
Marion