nice-menü
Eingetragen von Piet (500)am 08.06.2007 - 11:37 Uhr in
Hallo zusammen,
habe bei mir das nice-menü modul installiert, ich habe es als horizontales menü oben in meinem theme,
jetz kommt das gute: im Firefox funktioniert es wunderbar! ist ein dropdown-menü und macht auch seinen job und klapppt runter.
Jetzt kommt das böse: im IE7 wird es als ein vertikales menü dargestellt und verzieht mir so das ganze theme, ich denke das der fehler in der .css
liegt, jedoch weiss ich nicht wo, ich poste mal die css!
ICH HOFFE JEMAND KOMMT WEITER DAMIT !!!!
/* $Id: nice_menus.css,v 1.6.2.4 2006/08/11 14:16:28 jakeg Exp $ */
/*
To help understand the CSS, the HTML looks like this (where x is a number; TYPE is down/left/right; PATH is the menu path such as node/343; MID is the menu id such as 33):
<ul id='nice-menu-x' class='nice-menu nice-menu-TYPE'>
<li id='menu-MID' class='menu-path-PATH'><a href='#'>This is a menu item</a></li>
<li class='menuparent menu-path-PATH'><a href='#'>A submenu</a>
<ul...><li...>...</li>
</ul>
</li>
...
</ul>
If you have more than one nice-menu and want to target a particular one, use its id (e.g. ul.#nice-menu-2)
See README.txt for some CSS customization examples!
First we're going to define CSS for all menus, then we'll define based on the type of menu
*/
/* below should fix menu being a few pixels away in some themes, and menus disappearing behind other stuff */
.block-nice_menus {
line-height: normal;
/*font-size: normal;*/
/*position: relative;*/
z-index: 10;
}
/* need this to enable hidding inner span */
.block-nice_menus h2.title {
margin: 0;
}
.block-nice_menus h2.title .nice-menu-hide-title {
display: none;
}
.block-nice_menus h2.title .nice-menu-show-title {
display: block;
margin-bottom: 1px;
}
ul.nice-menu,
ul.nice-menu ul{
list-style: none;
padding: 0;
margin: 0;
border-top: 1px solid #ccc;
z-index: 5;
top: 50px;
background-color: '000000;
}
ul.nice-menu li {
border: 1px solid #ccc;
position: relative;
float: left;
background-color: #fff;
}
ul.nice-menu a {
padding: 1px 15px 0.1em 2px;
display: inline;
}
ul.nice-menu ul{
position: absolute;
top: 1.8em;
left: -1px;
border: 0;
border-top: 0px solid #ccc;
margin-right: 0;
display: none;
}
ul.nice-menu li.over ul{
display: block;
}
ul.nice-menu ul li{
width: 12em;
display: block;
}
ul.nice-menu:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Show submenus when over their parents */
ul.nice-menu li:hover ul,
ul.nice-menu li.menuparent li:hover ul,
ul.nice-menu li.menuparent li.menuparent li:hover ul,
ul.nice-menu li.over ul,
ul.nice-menu li.menuparent li.over ul,
ul.nice-menu li.menuparent li.menuparent li.over ul {
display: block;
}
/* Hide sub-menus initially */
ul.nice-menu li:hover ul ul,
ul.nice-menu li:hover ul ul ul,
ul.nice-menu li.over ul ul,
ul.nice-menu li.over ul ul ul {
display: none;
}
/* Now stuff specific to the menu type (down, left or right menu pop) */
/* All VERTICAL (left/right) menus */
/* This is the default width of vertical menus. You can override these in your own stylesheet. */
ul.nice-menu-right, ul.nice-menu-left,
ul.nice-menu-right li, ul.nice-menu-left li{
width: 12.5em;
}
/* stuff for VERTICAL menus where submenus pop RIGHT (default) */
ul.nice-menu-right ul {
width: 12.5em;
left: 12.5em;
top: -1px;
}
ul.nice-menu-right ul ul {
width: 12.5em;
left: 12.5em;
top: -1px;
}
ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent{
background: #000 url(arrow-right.png) right center no-repeat;
}
ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li.over,
ul.nice-menu-right li li.menuparent:hover,
ul.nice-menu-right li li.over{
background: #ccc url(arrow-right.png) right center no-repeat;
}
/* stuff for VERTICAL menus where submenus pop LEFT */
ul.nice-menu-left li ul{
width: 12.5em;
left: -12.65em;
top: -1px;
}
ul.nice-menu-left li ul li ul {
width: 12.5em;
left: -12.65em;
top: -1px;
}
ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent{
background: #eee url(arrow-left.png) left center no-repeat;
}
ul.nice-menu-left li.menuparent:hover,
ul.nice-menu-left li.over,
ul.nice-menu-left li li.menuparent:hover,
ul.nice-menu-left li li.over{
background: #ccc url(arrow-left.png) left center no-repeat;
}
ul.nice-menu-left a, ul.nice-menu-left ul a {
padding-left: 14px;
}
/* stuff for HORIZONTAL menus where submenus pop DOWN */
ul.nice-menu-down {
float: left;
border: 0;
}
ul.nice-menu-down li {
border-top: 0px solid #ccc;
padding: 3px;
}
ul.nice-menu-down li li {
border-top: 0;
}
ul.nice-menu-down ul {
left: 0;
}
ul.nice-menu-down li ul li ul {
left: 8em;
top: -1px;
}
ul.nice-menu-down .menuparent a{
padding-right: 10px;
}
ul.nice-menu-down li.menuparent{
background: #fff ;
padding: 3px;
width: 60px;
}
ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.over{
background: #fff;
width: 60px;
}
ul.nice-menu-down li li.menuparent{
background: #fff;
}
ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li li.over{
background: #ccc;
}
ul.nice-menu-down ul li {
clear: both;
width: 60px;
padding: 3px;
}
{
color: red;
background: blue;
}
A {
font-size: 95%;
}
ul.nice-menu ul {
border-color:#CCCCCC -moz-use-text-color -moz-use-text-color;
border-style:solid none none;
border-width:0px 0pt 0pt;
display:none;
left:-1px;
margin-right:0pt;
position:absolute;
top:20px;
}- Anmelden oder Registrieren um Kommentare zu schreiben
keiner eine idee? oder ist
am 08.06.2007 - 12:21 Uhr
keiner eine idee?
oder ist die css zu lang :-))))