Ich nutze das shalian Dropdown Menü Plugin- horizontal. Es sitzt genau mittig auf der Seite, nun soll es jedoch etwas weiter nach links. Habe schon Diverses ausprobiert im CSS, leider bewegt es sich nicht. Für Hinweise wäre ich dankbar.
Hier der CSS Code:
div.shailan-dropdown-menu table, div.shailan-dropdown-menu tbody, div.shailan-dropdown-menu tr, div.shailan-dropdown-menu td, div.shailan-dropdown-menu ul, div.shailan-dropdown-menu li, div.dropdown-horizontal-container, ul.dropdown * { margin:0; padding:0; border:0; -webkit-border-radius: 10px; /*fuer Mozilla-Browser*/
-moz-border-radius: 10px;/*fuer Safari und Chrome*/
border-radius: 10px; /* die eigentliche Anweisung*/}
.shailan-dropdown-menu { position:relative; z-index: 1; opacity: 0.8;
}
/* .dropdown-horizontal-container{ width:100%; } */
/* Remove list styling */
ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; background-color: white;
/*-webkit-box-shadow: 5px 2px 5px #DDD1B8;/*fuer Mozilla-Browser*/
/*-moz-box-shadow: 5px 2px 5px #DDD1B8;/*fuer Safari und Chrome*/
/*box-shadow: 5px 2px 5px #DDD1B8;/* die eigentliche Anweisung*/
/*-webkit-border-radius: 6px; /*fuer Mozilla-Browser*/
/*-moz-border-radius: 6px;/*fuer Safari und Chrome*/
/*border-radius: 6px; /* die eigentliche Anweisung*/
}
/* Z-index */
ul.dropdown li{ position: relative; }
ul.dropdown li ul { position:absolute; z-index: 1; /*opacity: 0.7*/ }
ul.dropdown li.hover, ul.dropdown li:hover{ cursor: default; }
/* Top level */
ul.dropdown li { display:inline; vertical-align: middle; zoom:1;}
ul.dropdown > li { float:left; }
ul.dropdown li a{ padding: .3em .8em; }
/* Sub levels */
ul.dropdown ul { position: absolute; top: 100%; left: 0;}
ul.dropdown ul li { float: none; display: list-item; list-style: none; }
ul.dropdown ul ul { top: 1px; left: 99%;}
ul.dropdown a:active, ul.dropdown a:focus { outline-style:none;}
* html ul.dropdown li { height: 1px; }
/* IE Submenu margin fix */
ul.dropdown ul li, ul.dropdown-vertical { margin-left: -16px; mar\gin-left: 0; }
/* Hide submenus */
ul.dropdown ul, ul.dropdown li.hover ul ul, ul.dropdown li.hover ul ul ul, ul.dropdown li.hover ul ul ul ul, ul.dropdown li.hover ul ul ul ul ul, ul.dropdown ul, ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul, ul.dropdown li:hover ul ul ul ul ul { display: none; }
ul.dropdown ul ul ul ul ul ul { display: none !important; }
/* Alignment support */
.dm-align-right table{ float:right; }
.dm-align-left table{ float:left; }
ul.dropdown-horizontal.dropdown-align-right ul { right: 0; left: auto; }
ul.dropdown-horizontal.dropdown-align-right ul ul{ right: 99%; left: auto; }
/* Vertical menu support */
ul.dropdown-vertical.dropdown-align-left ul { top: 1px; left: 99%; right:auto; }
ul.dropdown-vertical.dropdown-align-right ul { top: 1px; right: 99%; left:auto; }
ul.dropdown-vertical li { float: none; display:block; }
/* Clearfix */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; margin-left: 400px; }
* html > body .clearfix { display: block; width: 80%; }
* html .clearfix { height: 1%; }
/* Cursor fix */
ul.dropdown li a{ cursor:pointer; }
Alles anzeigen