[iamable]

so langsam bin ich wirklich am verzweifeln.
habe gefühlte 2 millionen sachen ausprobiert um dieses menü waagerecht zu bekommen.

kann mir nicht vielleicht doch jemand helfen?

im moment sieht mein TS so aus:

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10:

1 = tx_menu_ypslideoutmenu 1 { expAll = 1 wrap = <ul> | </ul> NO = 1 NO.wrapItemAndSub = <li style="display:inline"> | </li> ACT = 1 ACT < .NO ACT.ATagParams = id=current }

[Armin]

moin,

so langsam bin ich wirklich am verzweifeln.
habe gefühlte 2 millionen sachen ausprobiert um dieses menü waagerecht zu bekommen.

Bin erstaunt das es soviele Möglichkeiten gibt...2 Mill.
Poste einen Link zur Seite.

Armin

[paxoptimusprime]

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38:

lib.menue = HMENU lib.menue { special = directory special.value = 6 stdWrap.dataWrap = <ul>|</ul> stdWrap.required = 1 korek_css = padding-bottom:20px;margin-left:1px;text-align:left aniLen = 800 hideDelay = 5 minCPUResolution = 10 kore_so_x = -2 div_id_layer = yymenu 1 = GMENU 1.NO { backColor = #FFFFFF XY = 100, 20 10 = TEXT 10.text.field = title 10.fontFile = fileadmin/verdana.ttf 10.fontSize = 11 10.offset = 4,10 } 2 = tx_menu_ypslideoutmenu 2 { moveTo = down height = 22 width = 177 expAll=1 NO { } } 3 < .2 3.moveTo = right 3.width= 177 }

habs hingekriegt allesdings wird dann die 2te ebene nicht mehr als ypslideoutmenu supportet... kannst sehen der erste link hat 3 ebenen

[iamable]

ich kann leider keinen link posten da ich lokal arbeite...

soll ich die scripte mal posten?
oder das ausgegebene html?

[iamable]

also ich habe ja die extension int_ypSlideOutMenu genutzt und ich habe in der JavaScript Datei jetzt folgende Funktion gefunden:

PHP-Code:

ypSlideOutMenu.set_level_one = function(vert, korek_css, aniLen, hideDelay, minCPUResolution, kore_ns_x, kore_ns_y, kore_so_x, kore_so_y) {
    
    ypSlideOutMenu.horz_vert = vert;
    ypSlideOutMenu.korek_css = korek_css 
    ypSlideOutMenu.aniLen = aniLen
    ypSlideOutMenu.hideDelay = hideDelay
    ypSlideOutMenu.minCPUResolution = minCPUResolution
    ypSlideOutMenu.kore_ns_x = kore_ns_x
    ypSlideOutMenu.kore_ns_y = kore_ns_y
    ypSlideOutMenu.kore_so_x = kore_so_x
    ypSlideOutMenu.kore_so_y = kore_so_y
} 


kann es sein, dass hier schon festgelegt wird, dass es vertikal angeordnet wird und es nichts mehr mit css zu tun hat?
wenn ja wie gehe ich damit um?
was muss ich genau ändern im JS und im TS?

[paxoptimusprime]

nein mach

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11:

1 = tx_menu_ypslideoutmenu 1 { expAll=1 NO = 1 NO { linkWrap = <b>|</b> ATagBeforeWrap = 1 } }

ich habe doch gesagt 1 ist die erste ebene mach <li> </li> weg dann kommt es in reihe... omg sry...

<li>{ ### kann nur vertikal ausgegeben werden... li = LISTE verstehst du LISTE ---> ANORDNUNG =LISTE}</li>

[Armin]

@paxoptimusprime

Crossposting: Lösungansatz unter http://typo3.intervation.de/forum/po...deoutmenu.html

@iamable

kann es sein, dass hier schon festgelegt wird, dass es vertikal angeordnet wird und es nichts mehr mit css zu tun hat?
wenn ja wie gehe ich damit um?

Nein.

Poste den erzeugten Quelltext für das Menue und das CSS das du nutzt.

Armin

[iamable]

@paxoptimusprime
ich versteh ja was du meinst: er ordnet sie dann ja auch horizontal an nur funktioniert der slideout dann nicht mehr....

@armin

also der erzeugte quelltext sieht folgendermaßen aus:

<td height="25" colspan="5"> <ul><div id="menue"><ul><div><a href="index.php?id=12" onfocus="blurLink(this);" onmouseout="ypSlideOutMenu.hideMenu(&quot;menu12&quot;);" onmouseover="repositionMenu(menu12, &quot;act12&quot;);ypSlideOutMenu.showMenu(&quot;menu12&quot;)" id="act12"   >Das Kart-House</a></div><div><a href="index.php?id=16" onfocus="blurLink(this);" onmouseout="ypSlideOutMenu.hideMenu(&quot;menu16&quot;);" onmouseover="repositionMenu(menu16, &quot;act16&quot;);ypSlideOutMenu.showMenu(&quot;menu16&quot;)" id="act16"   >Preise/Anfahrt/Zeiten</a></div><div><a href="index.php?id=20" onfocus="blurLink(this);" onmouseout="ypSlideOutMenu.hideMenu(&quot;menu20&quot;);" onmouseover="repositionMenu(menu20, &quot;act20&quot;);ypSlideOutMenu.showMenu(&quot;menu20&quot;)" id="act20"   >Events</a></div><div><a href="index.php?id=19" onfocus="blurLink(this);" onmouseout="ypSlideOutMenu.hideMenu(&quot;menu19&quot;);" onmouseover="repositionMenu(menu19, &quot;act19&quot;);ypSlideOutMenu.showMenu(&quot;menu19&quot;)" id="act19"   >Buchungen</a></div><div><a href="index.php?id=18" onfocus="blurLink(this);" onmouseout="ypSlideOutMenu.hideMenu(&quot;menu18&quot;);" onmouseover="repositionMenu(menu18, &quot;act18&quot;);ypSlideOutMenu.showMenu(&quot;menu18&quot;)" id="act18"   >Extras</a></div></ul></div></ul> </td>

und das ist meine css:

#menue {
  font-size:10px;
  text-transform: uppercase;
  color: #fff;
  line-height : normal;
  text-align: left;
  height:auto;
  overflow:hidden;
  width: 100%;
}

#menue li {
  list-style-type : none;
  margin-right : 0;
  padding : 0;
  margin-top: 0;
  margin-bottom: 0;
  text-align:right;
  display:inline;
  float:left;
}

#menue a:link, #menue a:visited {
  color:#fff;
  text-decoration:none;
}

#menue a:hover {
  background-color:#E9E9E9;
  color:#000000;
}

#menue a#current {
  background-color:#E9E9E9;
  color:#000000;
}

und die css von der extension:

#yymenu a {
  background-color:#0000FF;
  color:#fff;
  display:block;
  font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration:none;
  padding-right:10px;
  padding-left:10px;
  padding-top:3px;
  padding-bottom:3px;
}

#yymenu a.last {
  border-style:none;
}

#yymenu {
  background-color:#E9E9E9;
}

#yymenu > div {
}

#yymenu a:hover {
  background-color:#E9E9E9;
  color:#000000;
}

#yymenu .mmContent div.mmlink a.submenu:hover {
}

#yymenu .mmLevel1, #yymenu .mmLevel2 {
}

#yymenu .sub {
  background-image:url(../../images/ypmenu_pfeilg.gif);
  background-position:right center;
  background-repeat:no-repeat;
}

#yymenu .mmContent {
}

#yymenu .mmLevel1 {
}

[Armin]

moin,

das #menue li greift nicht, da du ja gar keine li hast. Passe dein TS das dort li erscheinen!

Und dann brauchst du nur:

#menue li {
  list-style-type : none;
  margin-right : 0;
  padding : 0;
  margin-top: 0;
  margin-bottom: 0;
  text-align:right;
  display:inline;
  
}

Wenn du die div behalten willst, dann anstatt #menue li dann #menue div. Würde die empfehlen aber li zu nehmen.

Die CSS #yymenu greifen überhaupt nicht, da kein div mit der id yymenu um das Menü gelegt wurde.

Armin

[iamable]

ok also danke erstmal für die mühe.
bin sicher auch etwas anstrengend weil ich gerade wirklich die übersicht verloren habe.

also habe mein TS angepasst:

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26:

lib.Navi { special = directory special.value = 11 stdWrap.dataWrap = <ul>|</ul> stdWrap.required = 1 korek_css = padding-bottom:20px;margin-left:1px;text-align:left aniLen = 800 hideDelay = 5 minCPUResolution = 10 kore_so_x = -2 div_id_layer = yymenu wrap = <div id="menue"> | </div> 1 = tx_menu_ypslideoutmenu 1 { expAll = 1 wrap = <ul> | </ul> wrap = <li> | </li> NO = 1 NO.wrapItemAndSub = <li> | </li> ACT = 1 ACT < .NO ACT.ATagParams = id=current } 2 = tx_menu_ypslideoutmenu ... - ERROR: Line 25: Object Name String, "..." was not preceeded by any operator, =<>({;Line 25: The script is short of 1 end brace(s)

mein html:

<!-- ###MENU###  start--> <div id="menue"> <div id="yymenu"> <ul> <li><a href="#Beispiel">Seite&nbsp;1</a></li> <li><a href="#Beispiel">Seite&nbsp;2</a></li> <li><a href="#Beispiel">Seite&nbsp;3</a></li> </ul> </div> </div> <!-- ###MENU###  stop-->

und die css hab ich auch geändert wie du es meintest... greifen nun auch beide...

der erzeugte quelltext sieht nun so aus:

<td height="25" colspan="5"> <ul><div id="menue"><li><div><a href="index.php?id=12" onfocus="blurLink(this);" onmouseout="ypSlideOutMenu.hideMenu(&quot;menu12&quot;);" onmouseover="repositionMenu(menu12, &quot;act12&quot;);ypSlideOutMenu.showMenu(&quot;menu12&quot;)" id="act12"   >Das Kart-House</a></div><div><a href="index.php?id=16" onfocus="blurLink(this);" onmouseout="ypSlideOutMenu.hideMenu(&quot;menu16&quot;);" onmouseover="repositionMenu(menu16, &quot;act16&quot;);ypSlideOutMenu.showMenu(&quot;menu16&quot;)" id="act16"   >Preise/Anfahrt/Zeiten</a></div><div><a href="index.php?id=20" onfocus="blurLink(this);" onmouseout="ypSlideOutMenu.hideMenu(&quot;menu20&quot;);" onmouseover="repositionMenu(menu20, &quot;act20&quot;);ypSlideOutMenu.showMenu(&quot;menu20&quot;)" id="act20"   >Events</a></div><div><a href="index.php?id=19" onfocus="blurLink(this);" onmouseout="ypSlideOutMenu.hideMenu(&quot;menu19&quot;);" onmouseover="repositionMenu(menu19, &quot;act19&quot;);ypSlideOutMenu.showMenu(&quot;menu19&quot;)" id="act19"   >Buchungen</a></div><div><a href="index.php?id=18" onfocus="blurLink(this);" onmouseout="ypSlideOutMenu.hideMenu(&quot;menu18&quot;);" onmouseover="repositionMenu(menu18, &quot;act18&quot;);ypSlideOutMenu.showMenu(&quot;menu18&quot;)" id="act18"   >Extras</a></div></li></div></ul> </td>

Problem: nach wie vor vertikal :sad: