Suche
Teilen
startseite » forum

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

  • 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
Präsentiert von
Mittwald
Nützliche Links
TYPO3 Dokumentation
eStrategy
webworker Magazin