Hallo,
ich habe schon dutzend Threads zu meinem Thema durchprobiert, aber irgendwie funktioniert es nicht.
Ich habe mein Menu in Typo folgendermaßen erzeugt:
seite = PAGE
#seite.stylesheet = fileadmin/templates/style.css
seite.includeCSS.style = fileadmin/templates/style.css
seite.headerData.10 = TEXT
seite.headerData.10.value (
<script type="text/javascript"><!--//--><![CDATA[//><!--
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);
//--><!]]>
</script>
)
seite.20 = USER
seite.20.userFunc = tx_templavoila_pi1->main_page
# NAVIGATION
lib.navigation = HMENU
lib.navigation.entryLevel = 0
lib.navigation {
1 = TMENU
1 {
wrap = <ul>|</ul>
NO.wrapItemAndSub = <li>|</li>
ACT = 1
ACT.wrapItemAndSub = <li>|</li>
RO < .NO
RO = 1
}
2 < lib.navigation.1
}
und mein CSS sieht so aus:
#mainimg {
background-image:url(../content/main_navi.jpg);
background-repeat:no-repeat;
height:35px; }
#mainimg ul {
margin:0;
padding-top:10px;
padding-left:185px; }
#mainimg li {
border-left:1px solid #FFFFFF;
float:left;
width:90px;
height:25px;
list-style-type:none;
text-align:center; }
#mainimg li ul {
margin:0px;
padding:0px;
left:0px;
top:0px;
display:none;
border-left:none; }
#mainimg li ul li {
list-style-type:none;
width:90px;
height:25px;
text-align:center;
background-color:#1D8483;
border-left:none; }
#mainimg li ul li:first-child {
border-top:none; }
#mainimg li:hover ul {
display:block; }
#mainimg a {
color:#FFFFFF;
font-size:11px;
font-weight:normal;
text-decoration:none; }
#mainimg a:hover{
font-size:11px;
color:#fff;
font-weight:normal;
text-decoration:underline; }
Nun ist es so, dass ich gerne hätte, dass sich wenn man über einen Menüpunkt nur drüberfährt mit der Maus sich das 2. Menülevel ausklappt. Und wenn man dann drüberfährt, man die 2. Level dann anklicken kann. Ich versuche das für Freunde eines gemeinnützigen Vereins hinzubekommen...
Bei meinem Menü klappt sich 2. Menülevel nur aus, wenn man auf den 1.Meüpunkt klickt, bei den anderen auch. Es ist immer nur der als vertikales Aufklappmenü sichtbar, auf den man geklickt hat. Hinzukommt, dass man auf die 2. Menülevelpunkte gar nicht klicken kann, da sie beim drüberfahren weggehen. Zum Vergleich: So wie auf www.researchincommunity.net soll es aussehen und so ist es: www.ergy.cc.
Hat jemand eine Idee, vielen Dank für jeden Hinweis und ich hoffe, ich habe nicht irgendetwas total doofes gemacht oder vergessen,
Ergy
