HTML/CSS Typo3 Menü

[web2null]

Hab ein Problem mit der Darstellung meines Menüs, vielleicht kennt sich einer mit typo3 aus.

Typoscript:

TOP-MENU = HMENU
   TOP-MENU {
      special = directory 
      special.value = 1
     entryLevel = 1
      #stdWrap.wrap = <ul id="horizmenue"> |</ul>
      1 = TMENU
      1 {
      noBlur = 1
      expAll = 1
      wrap = <ul id="horizmenue"> |</ul>
      NO.wrapItemAndSub = <li onmouseover="show(this)" onmouseout="hide(this)"> »? |</li>
      NO.ATagTitle.field = abstract // description // title
      ACT = 1
      ACT.wrapItemAndSub = <li onmouseover="show(this)" onmouseout="hide(this)"> »? |</li>
      ACT.ATagTitle.field = abstract // description // title
      }
      2 = TMENU 
      2 {
      noBlur = 1
      expAll = 1
      wrap = <ul onmouseover="show(this)" onmouseout="hide(this)" id="horizmenue"> |</ul>
      NO.wrapItemAndSub = <li class="left-level-2-no">|</li>
      NO.ATagTitle.field = abstract // description // title
      ACT = 1
      ACT.wrapItemAndSub = <li class="left-level-2-act">|</li>
      ACT.ATagTitle.field = abstract // description // title
      }
   }

CSS

* #horizmenue {
    margin: 0px;
}
#horizmenue {
    margin: 0px;
    padding-top: 5px;
}
#horizmenue li {
    display: inline;
    margin-left: 10px;
}
#horizmenue a {
    font-size: 14px;
    color: #e3f5ff;
    font-family: "Trebuchet MS", Arial, sans-serif;
    text-shadow: #004264 1px 1px 0px;
    text-decoration: none;
}
#horizmenue a:hover {
    color: #95d9fc;
}
#horizmenue a:visited {
    color: #e3f5ff;
}
#horizmenue a:aktiv {
    color: #e3f5ff;
}

JavaScript

<script type="text/javascript">
    //<![CDATA[
  function show(element){
           element.className += "hover";
   }
 function hide(element){
           element.className = element.className = "";
     }
    //]]>
</script>

Website: https://thinr.de/jnhyrpam

 

[theHacker]

Und wo is nun das Problem?

 

[web2null]

Ahh ich Trottel also das Submenü wird nicht richtig angezeigt, es soll erst Hide sein und wen man über ein Link fährt öffnet sich das Submenü

 

[chrissel]

Mein schlaues Firebug sagt, dass er die Funktionen show/hide nicht finden kann. Also wird dein JS wohl nicht richtig eingebunden

 

[web2null]

habs nun hinbekommen, leider hat IE, Opara und Firefox ne andere CSS darstellung. Ich könnt kotzen, können die Browserhersteller sich nicht mal bei einem Bierchen zusammen setzen und alles einheitlich machen?

Naja Danke euch trotzdem

 

[theHacker]

Die brauchen doch gar kein Bierchen. In den Standards steht schon alles drinnen

Firefox und Opera dürften aber schon dieselbe Darstellung haben. Bis jetzt hab ich nichts erlebt, was man nicht durch einen CSS-Reset beheben konnte.

...ok, Billy's Browser... ob ich das noch erleb, dass der mal das macht, was er machen soll

 

[tleilax]

...ok, Billy's Browser... ob ich das noch erleb, dass der mal das macht, was er machen soll

Die aktuellen Entwicklungen deuten ja stark darauf hin, als dürftest Du das noch erleben...

 

[web2null]

okay dann brauch ich nen tip -> https://thinr.de/jnhyrpam

Firefox Sub navi = Supi
Opera Sub navi = Supi

aber was is da beim Opera mit dem Header los, der wird durch die <ul> bzw. <li> nach oben gerückt

 

[theHacker]

Die aktuellen Entwicklungen deuten ja stark darauf hin, als dürftest Du das noch erleben...

Jo, es hat sich die letzte Zeit schon gebessert.

aber was is da beim Opera mit dem Header los, der wird durch die <ul> bzw. <li> nach oben gerückt

ul.menu, ul.menu ul { 
[COLOR=Red][B] margin-top: -16px;[/B][/COLOR]
}

ist der Übeltäter - das raus.

Jetzt verrutscht es im Firefox. Und hier siehst du im Firebug, dass

ul, menu, dir {
-moz-padding-start:40px;
display:block;
list-style-type:disc;
[B][COLOR=Red]margin:1em 0;[/COLOR][/B]
}

daran schuld is. Resette die Margins für Listen.

 

[web2null]

vielen dank Hat mir sehr geholfen.