Hallo zusammen,
ich habe es nach langem rumprobieren endlich geschafft ein horizontales Submenü zu einem horizontalem Topmenü zu basteln.
Ich benutze dazu das mod_extended Menü.
Wenn ich einen Eintrag mit z.B. drei Untermenüpunkten aktiviere, erscheinen die Unterpunkte in einer horizontalen Linie.
Mein Problem ist, dass sich dadurch der Eltern-Menüpunkt auf die breite aller drei Submenüpunkte einstellt und sich das Mainmenü dadurch verschiebt.
Ich denke es ist nur eine CSS-Geschichte.
Hat jemand sowas schon mal selbst gebaut, und kann mir helfen?
Die relevanten Zeilen in der CSS-Datei sind folgende:
.mainlevel-nav, .mainlevel_current-nav {
list-style: none;
padding-left: 20px;
margin: 0;
padding: 5;
display: block;
}
a.mainlevel-nav:link, a.mainlevel-nav:visited {
color: #FFFFFF;
}
ul#mainlevel-nav {
list-style: none;
padding-left: 20px;
margin: 0;
}
ul#mainlevel-nav li{
width: auto !important;
width: 5%;
float: left;
margin: 0;
font-size: 12px;
height: 25px;
line-height: 25px;
}
ul#mainlevel-nav li a{
font-weight: normal;
padding-left: 5px;
padding-right: 10px;
margin-left: 5px;
white-space: nowrap;
text-align: left;
}
#sublevel_current-nav {
list-style: none;
position: absolute;
}
.sublevel_current-nav {
list-style: none;
}
#sublevel-nav {
}
.sublevel-nav {
list-style: none;
}
a.sublevel-nav:link, a.sublevel-nav:visited {
color: #333333;
}
#active_menu-nav {
background-color: #CCCCCC;
list-style: none;
padding-left: 20px;
margin: 0;
padding: 5;
display: block;
}
Beste Grüsse
Marc
Hab jetzt selbst gelöst.
Im extended Menu Module muss die ElementID aktiviert sein und an der richtigen Stelle in der CSS-Datei ein Eintrag position: absolute; .
Wer ähnliches vorhat, kann mich gerne ansprechen.
Nochmal ein ein Sorry, dass der Beitrag nicht beim ersten mal mit den entsprechenden Details gefüttert wurde.
Ich werde mich bessern.
Beste Grüsse
Marc


LinkBack URL
About LinkBacks
Zitieren

Lesezeichen