Ich wurde gebeten den ganzen Code komplett nochmal zur Verfügung zu stellen
Das Menü funktioniert bei mir einwandfrei im IE und Firefox, Opera ... ich kann die Seite momentan nur noch posten, weil sie noch nicht online steht:
HTML Code:
<!--###DOCUMENT_HEADER###-->
<link rel="stylesheet" type="text/css" href="css/pmenu.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="css/pmenu_ie.css" />
<![endif]-->
<!--###DOCUMENT_HEADER###-->
<!-- ###DOCUMENT_BODY### -->
<div id="pmenu"> ###pmenu###</div>
<!-- ###DOCUMENT_BODY### ENDE -->
CSS Datei (pmenu.css:
/* common styling */
#pmenu {
display:block;
position:relative;
z-index:200;
background:#797979;
height:1.9em;
}
#pmenu ul {
padding:0;
margin:0;
}
#pmenu ul li {
float:left;
position:relative;
background-image:none;
margin:0;
padding:0;
}
#pmenu ul li a, #pmenu ul li a:visited {
display:block;
text-decoration:none;
font-weight:bold;
color:#FFF;
width:99px;
height:1.9em;
background:#797979;
border:1px solid #fff;
border-width:0 1px 0 0;
padding-left:15px;
line-height:1.8em;
}
* html #pmenu ul li a, #pmenu ul li a:visited {
width:115px;
w\idth:99px;
}
#pmenu ul li ul {
display: none;
}
table {
margin:-1px;
border-collapse:collapse;
font-size:1em;
}
/* specific to non IE browsers */
#pmenu ul li:hover a {
color:#fff;
background:#6A0000;
}
#pmenu ul li:hover ul {
display:block;
position:absolute;
top:1.8em;
margin-top:1px;
left:-1px;
border-bottom:1px;
width:210px;
}
#pmenu ul li:hover ul li ul {
display: none;
}
#pmenu ul li:hover ul li a {
margin-bottom:-1px;
display:block;
background:transparent url(../images/opaque-no.png);
height:auto;
font-size:1em;
line-height:1.2em;
padding:5px 0 5px 14px;
width:195px;
border-width:1px 1px 1px; 0;
}
#pmenu ul li:hover ul li a.drop {
background:transparent url(../images/opaque-sub.png);
background-position:bottom;
}
#pmenu ul li:hover ul li a:hover {
background:transparent url(../images/opaque-ro.png);
color:#000;
}
#pmenu ul li:hover ul li:hover ul {
display:block;
position:absolute;
left:210px;
top:0;
width:210px;
}
#pmenu ul li:hover ul li:hover ul.left {
/*left:-200px;*/
}
CSS-Datei für IE (pmenu_ie.css)
#pmenu ul li a:hover {
color:#fff;
background:#6A0000;
}
#pmenu ul li a:hover ul {
display:block;
position:absolute;
top:1.8em;
margin-top:1px;
left:-1px;
border-bottom:1px solid #fff;
width:210px;
}
#pmenu ul li a:hover ul li a {
margin-bottom:-1px;
display:block;
background:transparent url(../images/opaque-no.png);
filter:Alpha(opacity=85, finishopacity=85, style=3);
height:auto;
font-size:1em;
line-height: 1.2em;
padding:5px 0 5px 14px;
width:195px;
border-width:1px;
}
#pmenu ul li a:hover ul li a.drop {
background-position:bottom;
background:transparent url(../images/opaque-sub.png) bottom;
filter:Alpha(opacity=85, finishopacity=85, style=3);
}
#pmenu ul li a:hover ul li a ul {
visibility:hidden;
position:absolute;
height:0;
width:0;
}
#pmenu ul li a:hover ul li a:hover {
color: Black;
background:transparent url(../images/opaque-ro.png);
filter:Alpha(opacity=85, finishopacity=85, style=3);
}
#pmenu ul li a:hover ul li a:hover ul {
visibility:visible;
display:block;
position:absolute;
left:210px;
top:0;
width:210px;
}
#pmenu ul li a:hover ul li a:hover ul.left {
/*left:-150px;*/
}
TS Code:
page.10.subparts.pmenu = HMENU
page.10.subparts.pmenu {
special = directory
special.value = 458 # Gebe hier an wo das Menü starten soll
wrap = <h6>Navigation Produkte:</h6> |
1 = TMENU
1 {
expAll = 1
wrap = <ul>|</ul></td></tr></table> <!--[if lte IE 6]></a><![endif]-->
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>
IFSUB = 1
IFSUB {
allWrap.dataWrap = <li><a class="drop" href="index.php?id={field:uid}">{field:title}<!--[if IE 7]><!--></a><!--<![endif]--> <table><tr><td>
doNotShowLink = 1
}
ACTIFSUB < .IFSUB
}
2 < .1
3 < .2
4 < .3
5 < .4
6 < .5
# Falls mehr Ebenen vorhanden sind Liste ergänzen.
}