Christian: Eventkalender & Menü

Beitrag lesen

Erstmal Danke.

Ich benutze ein CMS (InfoPortal). Dort kann ich auch ein HorizontalMenü einbauen, aber ich kann es nicht als "Layer-Menü" darstellen.

Ich bin mir auch nicht sicher, ob ich das in der CSS Datei definieren kann:

/* Used CSS-Identifier in this CSS-File: hmenu */

#hmenu {
   margin: 0px;
   padding: 0px;
 height: 15px;
}

#hmenu ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
}

/* all list items */
#hmenu li {
 float: left;
 position: relative;
 width: 100px;
 margin: 0px;
 padding: 0px;
}

/* second-level lists */
#hmenu li ul {
 position: absolute;
 display: block;
 height: 20px;
 margin: 0px;
 padding: 0px;
}

/* to override top and left in browsers other than IE */
#hmenu li>ul {
 top: auto;
 left: auto;
}

/* Fix IE. Hide from IE Mac \*/
* html #hmenu ul li {
 float: left;
 height: 15px;
}
* html #hmenu ul li a {
 height: 15px;
}
/* End */

#hmenu li:hover ul {
 display: block;
}

#hmenu li:hover>ul {
 visibility:visible;
}

#hmenu ul ul {
 visibility:hidden;
}

/* Make-up syles */
#hmenu ul, li {
 margin: 0px;
 padding: 0px;
}

/* Styles for menu Items */
#hmenu ul a {
 display: block;
 text-decoration: none;
 color: #000000;
 background: #ECECEC; /* IE6 Bug */
 font-size: 11px;
 text-align: center;
 margin: 0px;
 border: 1px solid #CECFD6;
 height: 20px;
 padding: 2px;
}

/* Hover Styles */
#hmenu ul a:hover {
 color: #ffffff;
 background-color: #808080;
}

/* Sub menu Styles */
#hmenu li ul a {
 text-decoration: none;
 color: #202020;
 font-weight: normal;
 font-size: 11px;
 background: #ECECEC;

/* IE6 Bug */
 border-bottom: 1px solid #CECFD6;
 border-top: 0px;
 padding: 2px;
 margin: 0px;
}

/* Sub menu Hover Styles */
#hmenu li ul a:hover {
 color: #ffffff;
 font-size: 11px;
 background-color: #808080;
}

#hmenu li a.submenu {
 background: #000000;
 background: #ECECEC url("images/multi_menu/r_arrow.gif") no-repeat right;
}

#hmenu li a.submenu:hover {
 background: #000000;
 background: #808080 url("images/multi_menu/r_arrow.gif") no-repeat right;
}

/* Sub Sub menu Styles */
#hmenu li ul ul {
 margin: -20px 0 0 100px;
}