[TYPO3-UG Dutch] GMENU Drop down

[Hans van Dijk]

Beste Maarten,

Je kunt position:absolute ook gebruiken als de container van het  
betreffende element ook een gedefinieerde position:XXXXX heeft.
De eerste zal dan zijn positie relatief aan zijn container bepalen!

Verder zou je er denk ik beter aan doen om geneste "ul"-tjes te  
gebruiken i.pv. tabellen.
Een menuvoorbeeld dat goed werkt (wel zonder images, maar dat kan  
waarschijnlijk redelijk eenvoudig ingebouwd worden) is die van  
Suckerfish, zie:
http://alistapart.com/articles/dropdowns/
en typoscript voorbeeld:
http://snippets.dzone.com/posts/show/2150

Groet, Hans van Dijk


On 28-jun-2007, at 21:57, Maarten Mandemaker wrote:

> Goedeavond,
>
> Na een hele tijd heb ik eindelijk een grafisch dropdown menu werkend
> gekregen, nu heb ik echt het probleem dat mijn 2de niveau van het  
> menu (het
> 'drop down' gedeelte) niet rechtstreeks onder het eerste niveau  
> komt maar
> ergens boven op mijn pagina. Dit komt volgens mij door het feit dat de
> positie absoluut wordt gedefinieerd, maar een oplossing krijg ik niet
> gevonden. Kan iemand mij een zetje in de goede richting geven?
>
> Alvast bedankt voor de moeite!
>
> Met vriendelijke groet,
>
> Maarten Mandemaker
>
> ------------------------------------------------------------
>
> Mijn typoscript:
>
> page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
>
>
>
>
>
> temp.menu = HMENU
>
> temp.menu.1 = GMENU_LAYERS
>
> temp.menu.1 {
>
>   # This property enables/disables the IE Select Fix
>
>   ieSelectFix = 1
>
>
>
>   lockPosition = y
>
>   topOffset = 25
>
>   expAll=1
>
>   relativeToTriggerItem = 1
>
>   hideMenuWhenNotOver = 3
>
>   hideMenuTimer = 500
>
>   freezeMouseover = 1
>
>   wrap = <table border=1 cellpadding=0 cellspacing=0><tr>|</tr></ 
> table>
>
>   NO {
>
>     wrap = <td height="25">|</td>
>
>     XY = 150,25
>
>     backColor = #003366
>
>     10 = TEXT
>
>     10.text.field = title
>
>     10.text.case = upper
>
>     10.fontColor = #ffffff
>
>     10.fontSize = 16
>
>     10.fontFile = fileadmin/fonts/vera.ttf
>
>     10.offset = 5,18
>
>     10.antiAlias = 0
>
>     10.niceText = 1
>
>   }
>
>   RO < .NO
>
>   RO = 1
>
>   RO.backColor = #f00000
>
>   RO.10.fontColor = #000000
>
> }
>
> temp.menu.2 = GMENU_LAYERS
>
> temp.menu.2 {
>
>   # This property enables/disables the IE Select Fix
>
>   ieSelectFix = 1
>
>
>
>   lockPosition = y
>
>   leftOffset = 150
>
>   #topOffset = 3
>
>   expAll=1
>
>   #relativeToTriggerItem = 1
>
>   relativeToParentLayer = 1
>
>   hideMenuWhenNotOver = 3
>
>   hideMenuTimer = 500
>
>   freezeMouseover = 1
>
>   wrap = <table border=0 cellpadding=0 cellspacing=0>|</table>
>
>   NO {
>
>     wrap = <tr height="25"><td height="25">|</td></tr>
>
>     XY = 150,25
>
>     backColor = #003366
>
>     10 = TEXT
>
>     10.text.field = title
>
>     10.text.case = upper
>
>     10.fontColor = #ffffff
>
>     10.fontSize = 14
>
>     10.fontFile = fileadmin/fonts/ vera.ttf
>
>     10.offset = 4,18
>
>     10.antiAlias = 0
>
>     10.niceText = 1
>
>   }
>
>   RO < .NO
>
>   RO = 1
>
>   RO.backColor = #f00000
>
>   RO.10.fontColor = #000000
>
> }
>
>
>
>
>
> page.10.marks.MENU < temp.menu
>
> _______________________________________________
> TYPO3-UG-dutch mailing list
> TYPO3-UG-dutch at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
>