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;
}