Hallo,
es tut mir echt leid, aber wie gestern ja hier in meiner Vorstellung angedeutet, habe ich dieses problem mit dem Menü im IE. Die Menüs klappen nicht auf im IE wenn man mit der Maus drüber fährt. Im Firefox & Co. funktioniert es. Ich habe hier und da schon dran rum gespielt aber ohne Erfolg.
Ich gebs auch offen zu ich habe keinen schimmer von dem was ich tue. Es sind alles Böhmische Dörfer für mich.
Soweit denke ich konnte ich es auf diese drei Quellen einschränken!?:
1.
Code:
#menu {
width: 560px;
height: 50px;
margin: 0 auto;
}
#nav, #nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#nav a {
display: block;
width: 10em auto;
height: 50px;
line-height: 5em;
/*padding: 17px 20px 0 20px;*/
padding: 0;
background: url(../images/img03.gif) no-repeat;
text-align:center;
text-transform: uppercase;
text-decoration: none;
font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #D8D8D8;
}
#nav .first a {
background: none;
}
#nav a.menuparent {
background: url(arrow.gif) no-repeat 90% 40%;
}
#nav li {
float: left;
padding: 0;
width: 10em;
height: 30px;
}
#nav li a {
line-height: 50px;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 10em;
font-weight: normal;
border: 1px solid #333;
margin: 0;
background: #666;
}
#nav li li {
width: 10em
}
#nav li ul a {
width: 10em;
height: 30px;
line-height: 30px;
background: none;
}
#nav li ul ul {
margin: -31px 0 0 10em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li a:hover, #nav li.sfhover {
/*background: #666;*/
color: #fff;
2.
Code:
temp.MenuOben = HMENU
temp.MenuOben {
special = directory
special.value = 1
maxItems = 5
#excludeUidList =
1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li class="first">|</li>|*|<li>|</li>|*||*|
NO.ATagTitle.field = description // title
NO.ATagParams = accesskey="1"||accesskey="2"||accesskey="3"||accesskey="4"||accesskey="5"||accesskey="6"||
IFSUB = 1
IFSUB.wrapItemAndSub = <li class="first menuparent">|</li>|*|<li class="menuparent">|</li>|*||*|
IFSUB.ATagTitle.field = description // title
IFSUB.ATagParams = accesskey="1"||accesskey="2"||accesskey="3"||accesskey="4"||accesskey="5"||accesskey="6"||
ACTIFSUB < .IFSUB
}
2 < .1
2.wrap = <ul>|</ul>
3 < .2
4 < .2
}
und 3.
Code:
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
Ich hoffe ich bin auf der richtigen Spur.
Wenn mir da jemand helfen könnte wäre das echt nett.
btw:
Mir gefällt euer forum echt gut, denn hier sind soviele Themen angesprochen, da kommt man sich nicht nutzlos vor und nur nehmend. Ich kann zwar noch nicht wirklich Tipps zu Typo3 & Co. geben, aber zu einigen anderen Themen. Gut fürs Selbstbewußtsein.