Zum Inhalt springen

probleme mit ULTIMATE CSS only drop-down menu

Erstellt am 23. Juli 2007 · 6 Antworten · letzte Antwort am 24. Juli 2007

Tags: Frage

runsnbunsn ·

hi leute, nach langer zeit wiedermal ein typoscript problem:

habe versucht das obige menü http://typo3.intervation.de/snippets/menues/drop-down-menu.html
in meine seite einzubinden, jedoch leider ohne erfolg

was mach ich falsch? es wird nichtmal der marker ersetzt!
ich nehme an es stimmt was mit der zuweisung nicht, komm aber nicht auf die lösung

bittebitte helft mir!

#emailspamschutz
config.spamProtectEmailAddresses = 1
config.spamProtectEmailAddresses_atSubst = <img src="fileadmin/at.gif" width="10" height="10" alt="@" border="0" />

#realurl
config.simulateStaticDocuments = 0
config.baseURL = http://www.mysite.com/
#config.absRefPrefix = /
config.tx_realurl_enable = 0
config.prefixLocalAnchors = all

page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/template/css/template_css.css
page.20 = TEMPLATE
page.20 {
uploads.20.default.split.1.filelink {

size.fontTag = |

stdWrap.wrap = <tr>|</tr>

size.innerWrap =

file.fontTag = |

file.wrap = <td valign="top">|</td>

size.wrap = <td valign="top">|</td>

size.innerWrap2 = <p>  [|]</p>

} 
marks.SPRACHE = PHP_SCRIPT
marks.SPRACHE.file = media/scripts/example_languageMenu.php
template = FILE
template.file = fileadmin/template/niti/template_niti.htm
workOnSubpart = DOCUMENT
marks.CONTENT < styles.content.get
marks.CONTENT.select.languageField = sys_language_uid


#navigation

page.10.marks {

    NAVI < temp.css_menu 

} 

page.includeCSS.file1000 = final_drop*.css
temp.css_menu = HMENU
temp.css_menu {
  excludeUidList = 64,15
  special = directory
  # Hier die Start-ID angeben
  special.value = 139
 
  wrap = <div class="menu"> | </div>
 
  # Hauptmenue
  1 = TMENU
  1 {
    wrap = <ul> | </ul>
    expAll = 1
    NO.ATagTitle.field = subtitle//title
    NO.wrapItemAndSub = <li> | </li>
    NO.stdWrap.prepend = COA
    NO.stdWrap.prepend.10.wrap = ~&nbsp; |
    IFSUB = 1
    IFSUB {
      wrapItemAndSub = <li> | </li>
      allWrap = | <!--<![endif]-->
      linkWrap = |<!--[if IE 7]><!-->
      ATagBeforeWrap = 1
    }
    ACT < .NO
    ACT = 1
    ACT.ATagParams = class=dropact
    ACTIFSUB < .IFSUB
    ACTIFSUB.ATagParams = class=dropact
  }
  2 = TMENU
  2 {
    wrap = <!--[if lte IE 6]><table><tr><td><![endif]--><ul> | </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
    expAll = 1
    NO.ATagTitle.field = subtitle//title
    NO.wrapItemAndSub = <li> | </li>
    IFSUB = 1
    IFSUB {
      wrapItemAndSub = <li> | </li>
      allWrap = | <!--<![endif]-->
      linkWrap = |<!--[if IE 7]><!-->
      ATagBeforeWrap = 1
      ATagParams = class=drop
    }
  }
  3 < .2
  4 < .2
}
lib.demo_ts < temp.css_menu
runsnbunsn ·

hmm, keiner einen tipp?
oder ist der fehler zu einfach zu finden?

ohne dem :

page.10.marks {

    NAVI < temp.css_menu
}

hab ichs auch schon probiert, ohne erfolg

versteh ich hier was falsch, ist temp bereits ein marker?

Unbekannter Benutzer ·

Du musst temp.css_menu vor die Zuweisung stellen, sonst ist die Reihenfolge ja falsch. Ich glaube dabei macht das was aus...

Achso, was allerdings auch anders muss ist folgendes:

#
page.10.marks {
#

#
NAVI < temp.css_menu
#

#
}

ersetz das mal durch einfach nur:

marks.NAVI < temp.css_menu

Davon abgesehen, rate ich dir ein anderes Menü zu nehmen. Benutz lieber für den IE6 ein bisschen Javascript und für die anderen Browser CSS only, bzw. vielleicht zusätzlich auch Javascript mit Fallback. Das ist allemal besser als diese Kommentar + Tabellen Sache...

Viele Grüße
Christian

runsnbunsn ·

hi!

danke für den tipp, hab den teil ersetzt durch marks.NAVI < temp.css_menu
hat leider auch nix gebracht

hast einen tipp für ein besseres menü, javascript wäre egal, nur verschachtelt(2 ebenen) sollte es ein?

runsnbunsn ·

ok hab mir jetzt ein anderes tutorial angesehen, die extension int_ypslideoutmenu installiert und folgendes typoscript eingefügt:

marks.NAVI < lib.menue

lib.menue = HMENU
lib.menue {
  special = directory
  special.value = 5
  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 = tx_menu_ypslideoutmenu

  1 {

 

    expAll=1

    NO = 1

    NO {

      linkWrap = <span>|</span>

      ATagBeforeWrap = 1

      allWrap = <li>|</li>

    }

  }

  2 = tx_menu_ypslideoutmenu

  2 {

      moveTo = down

      height = 22

      width = 177

      expAll=1

      NO {

      }

  }

  3 < .2

  3.moveTo = right

  3.width= 177

 


}

ich vermute mal dass ich irgendetwas grundsätzliches falsch mache da sich garnix tut. . .
btw gibt es eigentlich eine art parser oder so für typoscript der fehler meldet?

Unbekannter Benutzer ·

Also ich strukturiere mal deine geposteten TS Beispiele so, dass es eigentlich funktionieren müsste:

#emailspamschutz
config.spamProtectEmailAddresses = 1
config.spamProtectEmailAddresses_atSubst = <img src="fileadmin/at.gif" width="10" height="10" alt="@" border="0" />
 
#realurl
config.simulateStaticDocuments = 0
config.baseURL = http://www.mysite.com/
config.absRefPrefix = /
config.tx_realurl_enable = 0
config.prefixLocalAnchors = all

page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/template/css/template_css.css
page.20 = TEMPLATE
page.20 {

uploads.20.default.split.1.filelink {
size.fontTag = |
stdWrap.wrap = <tr>|</tr>
size.innerWrap =
file.fontTag = |
file.wrap = <td valign="top">|</td>
size.wrap = <td valign="top">|</td>
size.innerWrap2 = <p>  [|]</p>
}

marks.SPRACHE = PHP_SCRIPT

marks.SPRACHE.file = media/scripts/example_languageMenu.php

template = FILE

template.file = fileadmin/template/niti/template_niti.htm

workOnSubpart = DOCUMENT
marks.CONTENT < styles.content.get
marks.CONTENT.select.languageField = sys_language_uid
marks.NAVI < lib.menue

}

Über das ganze hier stellst du den ganzen Code von lib.menue

Zusätzlich prüfe bitte ob special.value = 5 richtig ist als Startpunkt für das Menü und ob in deinem HTML Template wirklich ein Marker NAVI drin ist...

Viele Grüße
Christian

runsnbunsn ·

dankedankedanke! die reihenfolge wars!! 😃 😃 😃

menü wird jetzt angezeigt, css passt zwar nicht, ab hier kenn ich mich aber schon wieder aus!