[TYPO3-UG Dutch] GMENU Drop down

Frans Saris franssaris at gmail.com
Fri Jun 29 08:53:05 CEST 2007


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
>


More information about the TYPO3-UG-dutch mailing list