Hallo,
ich habe ein Problem mit meinem Menü:
http://www.liz-braunau.at
Dort wo die Pfeile zu sehen sind, sollte man eigentlich nur mit der Maus darüber fahren müssen, damit sich sofort das Untermenü nach rechts aufklappt. Jedoch ist es jetzt so dass man zuerst einmal auf den Menü Punkt klicken muss und sich dann erst das Untermenü öffnet.
tmp.mymenu= HMENU
tmp.mymenu.entryLevel=0 #Hauptebene
tmp.mymenu {
wrap = <div id="navigation"> | </div>
1=TMENU
1 { noblur= 1
expAll= 0
wrap = <ul>|</ul>
NO.wrapItemAndSub = <li>|</li>
CUR=1
CUR.doNotLinkIt=0
CUR.wrapItemAndSub =<li class="link_aktiv">|</li>
CUR.ATagParams = id = "active"
CUR.stdWrap.cObject = COA
CUR.stdWrap.cObject {
20 = TEXT
20.field = title
20.wrap = [|]
}
ACTIFSUB = 1
ACTIFSUB.wrapItemAndSub = <li class="link_aktiv">|</li>
}
2=TMENU
2 { noBlur= 1
expAll= 0
wrap = <ul>|</ul>
NO.wrapItemAndSub = <li>|</li>
CUR=1
CUR.wrapItemAndSub =<li class="link_aktiv">|</li>
CUR.doNotLinkIt=0
}
}
page = PAGE
config.no_cache=0
page.includeCSS {
file0 = fileadmin/template/css/main.css
file1 = fileadmin/template/css/navigation.css
}
page.headerData.10 = HTML
page.headerData.10.value (
<script type="text/javascript">
ieHover = function() {
var LIs = document.getElementsByTagName("LI");
for(var i=0; i<LIs.length; i++)
{ LIs[i].onmouseover=function() {
this.className+=" iehover";
}
LIs[i].onmouseout=function() {
this.className=this.className.replace(new
RegExp(" iehover\\b"), "");
}
}
}
if(window.attachEvent)
{
window.attachEvent("onload",ieHover);
}
</script>
)
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = uploads/tf/test01_01.htm
workOnSubpart= DOCUMENT_BODY
config.no_cache=0
}
plugin.feadmin.dmailsubscription.includeLibs = typo3/sysext/cms/tslib/media/scripts/fe_adminLib.inc
page.10.subparts.HAUPT_NAVI < tmp.mymenu
page.10.subparts.INHALT_MITTE < styles.content.get
page.10.subparts.NEWS_CONTENT < tmp.LATEST_NEWS
tt_content.mailform.20.target = _self
#navigation
{ width: 165px;
}
html>body #navigation
{ width: 165px;
}
#navigation ul li #active
{ background-color: FCE202;
}
#navigation ul
{ margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#navigation li
{ position: relative;
float: left;
padding: 0px;
width: 15em;
margin-bottom: -1px;
}
#navigation li a
{ display: block;
text-decoration: none;
border: 1px solid #FFFFCC;
color:black;
}
#navigation li ul
{ position: absolute;
left: -999em;
margin-left: 15em;
margin-top: -2.1em;
}
#navigation li:hover ul, #navigation li.iehover ul
{ left: auto;
}
#navigation a
{
display: block;
padding-right: 1px;
padding-left: 7px;
padding-top: 4px;
padding-bottom: 4px;
margin: 0px;
background-color: #FEC501;
border-bottom: 0.5px solid #FFFFCC;
border-top: 0.5px solid #FFFFCC;
font-variant: small-caps;
text-decoration: none;
}
#navigation a:hover
{ background-color: #FCE202;
color: #330000;
font-weight: bold;
}
#navigation a:focus
{ padding-right: 1px;
padding-left: 7px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
background-color: #FCE202;
}
Ich hoffe jemand kann mir helfen!
danke !
lg