Zum Inhalt springen

Submenu gleiche Breite wie Parent

Erstellt am 10. Juni 2010 · 1 Antwort · letzte Antwort am 15. Juni 2010

Tags: HTML & CSS, Frage

pow ·

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:

lib.mainmenu= HMENU
lib.mainmenu {
	1 = GMENU_LAYERS
	1 {
		entryLevel = 1
		layerStyle = position:absolute; visibility:hidden;
		expAll = 1
		wrap = <table style="margin:auto; width:100%" border="0" cellspacing="0" cellpadding="0"><tr>|</tr></table>
		relativeToTriggerItem = 1
		hideMenuWhenNotOver = 1
		leftOffset = -25
		topOffset = 40
		hideMenuWhenNotOver = 1
		displayActiveOnLoad = 0
		dontHideOnMouseUp = 0
		disableAltText = 1
		NO { 
			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>
			XY = 5+[40.w]+25,40
			ATagTitle.field = title
			allStdWrap.insertData = 1
			imgParams= alt="{field:subtitle//field:title}" title="{field:subtitle//field:title}"
			format = png
			quality = 100
			#backColor = #006ab3
			#transparentColor = #006ab3
			
			#### Hintergrundbild der Buttons
			10 = IMAGE
			10.file = fileadmin/templates/img/menu_no.gif
			10.offset = 0,0 |*| 0,0 |*| 0,0 |*|
			
			#### Start der Buttons
			#11= IMAGE
			11.file = fileadmin/templates/img/menu_start.gif |*|  |*|
			11.offset = 0,0
			
			### Der Buttontext   
			40 = TEXT 
			40.text.field = nav_title // title
			40.niceText = {$nicetext}
			40.niceText.sharpen = {$nicetextsharpen}
			40.antiAlias = {$antialias}
			40.align = center
			40.offset =  [40.w/2]+5,25 |*| [40.w/2],25 |*| [40.w/2],25
			40.fontFile = {$mainfont}
			40.fontColor = {$fontcolor}
			40.fontSize={$fontsizebig}
		}
		
		RO < .NO
		RO = 1
		RO { 
			12 = IMAGE
			12.file = fileadmin/templates/img/menu_shine.png
			12.offset = 0,-9
			12.align = center
			
			40 {
				shadow {
					offset=0,0
					color=#ffffff
					opacity=80
					blur=20
					intensity = 10
				}
			}
		}
		ACT < .RO
		ACT = 1
	}
	2 = TMENU
	2 { 
		wrap = <table border="0" width="100%" cellspacing="0" cellpadding="0">|</table>
		relativeToParentLayer = 1
		relativeToParentLayer.addWidth = 1
		disableAltText = 1
		NO {
			allWrap (
				<tr>
					<td><div class="rollovermenu transparent">|</div></td>
				</tr>
				<tr>
					<td class="borderbottom white empty"> </td>
				</tr> 
				
				|*| 
				
				<tr>
					<td><div class="rollovermenu transparent">|</div></td>
				</tr>
				<tr>
					<td class="borderbottom white empty"> </td>
				</tr> 
				
				|*| 
				
				<tr>
					<td><div class="rollovermenu transparent">|</div></td>
				</tr>
				<tr>
					<td>
					<div style="width:100%; height:6px;  float:left; background-image:url('fileadmin/templates/img/menu_submenu_end_endless.gif');"></div>
					</td>
				</tr>
			)
			ATagTitle.field = title
			10 = TEXT
			10.text.field = nav_title // title
		}
		RO < .NO
		RO = 1

		ACT < .RO
		ACT = 1
		}
}
Mopps ·

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...