Submenu gleiche Breite wie Parent

  • pow pow
    Jedi-Ratsmitglied
    0 x
    719 Beiträge
    0 Hilfreiche Beiträge
    10. 06. 2010, 12:39

    Hallo,

    das Thema wurde schon oft im Internet besprochen. Leider selten mit Antworten bzw. welchen die auch funktionieren.
    Ich habe alles Mögliche probiert, jede

    Ziel: Submenu soll die gleiche Breite bekommen wie der Parent Button
    Stand: Er macht die Tabelle nur so breit wie die Inhalte darin

    Hier das lange TS, danke für Tipps:

    1. lib.mainmenu= HMENU
    2. lib.mainmenu {
    3. 1 {
    4. entryLevel = 1
    5. layerStyle = position:absolute; visibility:hidden;
    6. expAll = 1
    7. wrap = <!!=::%===><tr>|</tr></table>
    8. relativeToTriggerItem = 1
    9. hideMenuWhenNotOver = 1
    10. leftOffset = -25
    11. topOffset = 40
    12. hideMenuWhenNotOver = 1
    13. displayActiveOnLoad = 0
    14. dontHideOnMouseUp = 0
    15. disableAltText = 1
    16. NO {
    17. allWrap = <td style="padding-left:25px">|</td><td class="textcenter"><img src="fileadmin/templates/img/menu_spacer.gif" /></td> |*| <td class="textcenter">|</td><td><img src="fileadmin/templates/img/menu_spacer.gif" /></td> |*| <td>|</td>
    18. XY = 5+[40.w]+25,40
    19. ATagTitle.field = title
    20. allStdWrap.insertData = 1
    21. imgParams= alt="{field:subtitle//field:title}" title="{field:subtitle//field:title}"
    22. format = png
    23. quality = 100
    24. #backColor = #006ab3
    25. #transparentColor = #006ab3
    26.  
    27. #### Hintergrundbild der Buttons
    28. 10 = IMAGE
    29. 10.file = fileadmin/templates/img/menu_no.gif
    30. 10.offset = 0,0 |*| 0,0 |*| 0,0 |*|
    31.  
    32. #### Start der Buttons
    33. #11= IMAGE
    34. 11.file = fileadmin/templates/img/menu_start.gif |*| |*|
    35. 11.offset = 0,0
    36.  
    37. ### Der Buttontext
    38. 40 = TEXT
    39. 40.text.field = nav_title // title
    40. 40.niceText = {$nicetext}
    41. 40.niceText.sharpen = {$nicetextsharpen}
    42. 40.antiAlias = {$antialias}
    43. 40.align = center
    44. 40.offset = [40.w/2]+5,25 |*| [40.w/2],25 |*| [40.w/2],25
    45. 40.fontFile = {$mainfont}
    46. 40.fontColor = {$fontcolor}
    47. 40.fontSize={$fontsizebig}
    48. }
    49.  
    50. RO < .NO
    51. RO = 1
    52. RO {
    53. 12 = IMAGE
    54. 12.file = fileadmin/templates/img/menu_shine.png
    55. 12.offset = 0,-9
    56. 12.align = center
    57.  
    58. 40 {
    59. shadow {
    60. offset=0,0
    61. color=#ffffff
    62. opacity=80
    63. blur=20
    64. intensity = 10
    65. }
    66. }
    67. }
    68. ACT < .RO
    69. ACT = 1
    70. }
    71. 2 = TMENU
    72. 2 {
    73. wrap = <table border="0" width="100%" cellspacing="0" cellpadding="0">|</table>
    74. relativeToParentLayer = 1
    75. relativeToParentLayer.addWidth = 1
    76. disableAltText = 1
    77. NO {
    78. allWrap (
    79. <tr>
    80. <td><div class="rollovermenu transparent">|</div></td>
    81. </tr>
    82. <tr>
    83. <td class="borderbottom white empty"> </td>
    84. </tr>
    85.  
    86. |*|
    87.  
    88. <tr>
    89. <td><div class="rollovermenu transparent">|</div></td>
    90. </tr>
    91. <tr>
    92. <td class="borderbottom white empty"> </td>
    93. </tr>
    94.  
    95. |*|
    96.  
    97. <tr>
    98. <td><div class="rollovermenu transparent">|</div></td>
    99. </tr>
    100. <tr>
    101. <td>
    102. <div style="width:100%; height:6px; float:left; background-image:url('fileadmin/templates/img/menu_submenu_end_endless.gif');"></div>
    103. </td>
    104. </tr>
    105. )
    106. ATagTitle.field = title
    107. 10 = TEXT
    108. 10.text.field = nav_title // title
    109. }
    110. RO < .NO
    111. RO = 1
    112.  
    113. ACT < .RO
    114. ACT = 1
    115. }
    116. }


  • 1
  • Mopps Mopps
    Jedi-Ratsmitglied
    0 x
    867 Beiträge
    0 Hilfreiche Beiträge
    15. 06. 2010, 11:34

    Wieso Tabellen und div-Blöcke mischen? Ich würde mir zu allererst Gedanken machen, wie eine korrekte Ausgabe (HTML) aussehen könnte. Kann das gewünschte Menü nicht auch über eine einfache formatierte verschachtelte Liste dargestellt werden. etc...

  • 1