[TYPO3-UG Dutch] GMENU Drop down

[Hans van Dijk]

Beste Maarten,

Hier nog een menu-voorbeeld van Suckerfish, met images:
http://www.htmldog.com/articles/suckerfish/example/

Groet, Hans


On 29-jun-2007, at 8:59, Maarten Mandemaker wrote:

> Ik had inderdaad als geprobeerd om er relative van te maken, maar  
> helaas was
> het niet zo simpel. Hier is een voorbeeldje (let niet op de rest,  
> tis een
> testomgeving) http://www.maartenmandemaker.nl/index.php?id=1190
>
>
> Hans:
>
> Ik ga binnenkort ook even naar jou oplossing kijken, maar op dit  
> moment ben
> ik al blij als ik dit werkend krijg :)
>
> Grt. Maarten
>
>
>
> -----Oorspronkelijk bericht-----
> Van: typo3-ug-dutch-bounces at lists.netfielders.de
> [mailto:typo3-ug-dutch-bounces at lists.netfielders.de] Namens Frans  
> Saris
> Verzonden: vrijdag 29 juni 2007 8:53
> Aan: TYPO3 Usergroup Dutch
> Onderwerp: Re: [TYPO3-UG Dutch] GMENU Drop down
>
> Heb je al geprobeerd om de tag waar je menu in staat  
> position:relative te
> geven?
> Of anders ff een voorbeeldje waar we mee kunnen kijken. Misschien  
> dat ik dan
> makkelijker kan zien wat het is.
>
> mvg
> Frans
>
>
> Op 28-06-07 heeft Hans van Dijk <hans at netklaar.nl> het volgende  
> geschreven:
>>
>> 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
>>>
>>
>> _______________________________________________
>> TYPO3-UG-dutch mailing list
>> TYPO3-UG-dutch at lists.netfielders.de
>> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
>>
> _______________________________________________
> TYPO3-UG-dutch mailing list
> TYPO3-UG-dutch at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
>
> _______________________________________________
> TYPO3-UG-dutch mailing list
> TYPO3-UG-dutch at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
>