Ich bin anscheind zu blöd das Vertikale Menü zu verweden.
Gegeben:
Ich habe eine Normale Hauptnavigation. Die Über Float Left auf eine Linie verläuft.
In der Linken spalte habe ich bisher das Moomenü verwendet um die Unterpunkte der jeweiligen hauptnavi darzustellen.
Dieses Moomenü wollte ich nun in ein Menümatic menü verwenden. Ich habe mich deshalb an die Anweisung gehalten und das Menü an sich funktioniert.
Ich habe nun auf der Linken Seite ein Menü eingebunden mit Startlevel 1
Nun habe ich aber folgendes Problem:
Aufbau:
Im Hauptmenü habe ich z.B. den Punkt Infos dieser Wird im Headermenü dargestellt.
Die Unterseiten habe ich z.b. Seite 1 bi 4. diesen Werden untereinander im Linken Menü dargestellt.
Nun hat z.B. die Seite 1 wiederum unterseiten z.B.
Die Seiten 1 a - c werden jedoch nicht rechts neben der Seite 1 angezeigt sondern unter der Seite 1. Erst unterseiten der Seite 1 a - c werde rechts dargestellt.
Ich verwende das standart Css von menümatic für das Vertikale Menü...
kann mir einer helfen wie ich die Punkte 1 a - c ebenfalls rechts vom punkt 1 bekomme?
Im Bild wird es hoffentlich deutlich:
Die Punkte 1 a - g sollen neben rechts Hauptpunkt 1 stehen. Die unterpunkte wie z.b. 1f1 soll weiterhin rechts neben den jeweiligen punkt angezeigt werden.
Mein aktuelles CSS:
Code:
/* Style sheet MenuMatic */
#nav a,#subMenusContainer a{display:block;padding:10px 20px;background-color:#fff;text-decoration:none;-moz-border-radius: 7px;-webkit-border-radius: 7px;}
#nav a{margin:0;}
#subMenusContainer a,#nav li li a{text-align:left;}
#nav a:hover,#nav a:focus,#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused{background-color:#F6C739;color:#FFF;}
#subMenusContainer a:hover,#subMenusContainer a:focus,#nav a.mainMenuParentBtnFocused,#subMenusContainer a.subMenuParentBtnFocused,#nav li a:hover,#nav li a:focus{background-color:#F6C739;color:#FFF;}
.smOW{position:absolute;overflow:hidden;display:none;margin:0 0 0 -2px;padding:0 2px;}
#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{left:0;border:1px solid #C3D46A;-moz-border-radius: 8px;-webkit-border-radius: 8px;background:#fff;}
#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{margin:0;padding:0;line-height:1em;list-style: none;}
#nav li{position:relative;display:block;list-style:none;}
#subMenusContainer li{list-style: none;}
#nav{width:200px;display:block;margin:0;text-align:left;list-style:none;z-index:5;}
#subMenusContainer{width:100%;height:0;top:0;left:0;position:absolute;overflow:visible;display:block;z-index:1000000000;}
#nav li li{float:none;}
#nav li li a{position:relative;float:none;}
#nav li ul{width:10em;position:absolute;margin-left:-1000em;}
#nav li ul ul{margin:-1em 0 0 -1000em;}
#nav li:hover ul ul{margin-left:-1000em;}
#nav li:hover ul{margin-top:-2.5px;margin-left:186px;}
#nav li li:hover ul{margin-left:10em;}
#nav li a:focus + ul{margin-top:-2.5px;margin-left:186px;}
#nav li li a:focus + ul{left:186px;margin-top:-2.5em;margin-left:1010em;}
#nav li li a:focus{width:10em;left:186px;margin-top:-2.5em;margin-left:1000em;}
#nav li li li a:focus{width:10em;left:186px;margin-top:-2.5em;margin-left:2010em;}
#nav li:hover a:focus{margin-left:0;}
#nav li li:hover a:focus + ul{margin-left:10em;}
Zitieren
Zitat von MacKP
Lesezeichen