---
title: "Problem mit vertikalem Rollover-Menu"
url: "https://www.typo3.net/d/112333-problem-mit-vertikalem-rollover-menu"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2012-10-04"
last_reply: "2012-10-13"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Problem mit vertikalem Rollover-Menu

TYPO3 › Menüs · 2 Antworten · gestartet 2012-10-04

## Eröffnungsbeitrag

**ergy1983** · 2012-10-04 · [Beitrag #1](https://www.typo3.net/d/112333-problem-mit-vertikalem-rollover-menu/1)

Hallo,

ich habe schon dutzend Threads zu meinem Thema durchprobiert, aber irgendwie funktioniert es nicht.
Ich habe mein Menu in Typo folgendermaßen erzeugt:

```typoscript
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:

```css
#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

## Antworten

### [#2](https://www.typo3.net/d/112333-problem-mit-vertikalem-rollover-menu/2) · etux · 2012-10-05

> **ergy1983 schrieb:**
>
> ich habe schon dutzend Threads zu meinem Thema durchprobiert, ...

Das glaube ich Dir gern. ;)

[/d/39055-menues-basierend-auf-css](https://www.typo3.net/d/39055-menues-basierend-auf-css)

Meine Variante basierend auf <http://typo3.intervation.de/snippets/css-menues/suckerfish-dropdowns/> :
<http://tests.emil-webdesign.net/suckerfish-menu/>

.

### [#3](https://www.typo3.net/d/112333-problem-mit-vertikalem-rollover-menu/3) · ergy1983 · 2012-10-13

Lieber Etux,

vielen Dank. Das Menu von just2b war super. Jetzt klappt alles. Hach, da kommt richtig Freude auf.

Also nochmals vielen Dank,

Ergy

---

Quelle: „Problem mit vertikalem Rollover-Menu“, typo3.net, https://www.typo3.net/d/112333-problem-mit-vertikalem-rollover-menu
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.