[TYPO3] Css drop down menu problem
dave typo
typothree at gmail.com
Wed Jun 13 11:01:13 CEST 2007
this works:
lib.mainmenu = HMENU
lib.mainmenu {
1 = GMENU_LAYERS
1 {
wrap=<table cellspacing="0" cellpadding="0"><tr>|</tr></table>
layerStyle =position:absolute;VISIBILITY:hidden;
background:#EDFAF0; border: 1px solid #A4E6AF;
xPosOffset = -30
lockPosition = y
expAll=1
leftOffset = 15
topOffset = 30
hideMenuWhenNotOver = 1
hideMenuTimer=250
relativeToTriggerItem = 1
NO {
wrap=<td>|</td>
backColor = #A4E6AF
XY = 130, 30
10 = TEXT
10.text.field = title
10.offset = 5,15
20=TEXT
20.text=sample
20.fontSize=7
20.offset=10,27
}
}
2 = GMENU
2.expAll=1
2.NO {
wrap=|<br>
backColor = #F4FCF6
XY = [10.w]+10, 14
10 = TEXT
10.text.field = title
10.offset = 5,10
}
}
but it is a graphical menu... check out snippets at typo3wizard.com.. helped me.
GIFBUILDER is also a great option..
On 6/13/07, Gideon So <gideonso at livingwater.org.hk> wrote:
> Hi all,
>
> I woould like to make a css drop down menu like the following:
>
> <ul><li><a href="#">Home</a></li> </ul>
>
> <ul> <li><a href="#">Drop-down 1<!--[if IE
> 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
> <ul> <li><a href="#">Sublink 11</a></li>
> <li><a href="#">Sublink 12</a></li>
> <li><a href="#">Sublink 13</a></li>
> <li><a href="#">Sublink 14</a></li>
> <li><a href="#">Sublink 15 with a lot of text so that entry
> hasseveral lines</a></li> </ul><!--[if lte IE
> 6]></td></tr></table></a><![endif]--> </li>
> </ul>
>
> I have my typoscript like the following
>
> lib.mainmenu = HMENU
> lib.mainmenu {
> wrap = |
> entryLevel = 0
> 1 = TMENU
> 1 {
> wrap = <ul> | </ul>
> expAll = 1
> NO.ATagTitle.field = subtitle//title
> NO.wrapItemAndSub = <li> | </li>
>
> IFSUB = 1
> IFSUB {
> ATagTitle.field = subtitle//title
> wrapItemAndSub = <li> | </li>
> allWrap = | <!--<![endif]-->
> linkWrap = |<!--[if IE 7]><!-->
> ATagBeforeWrap = 1
> }
> }
> 2 = TMENU
> 2 {
> wrap = <table><tr><td><ul> | </ul></td></tr></table><!--[if lte IE
> 6]></a><![endif]-->
> expAll = 1
> NO.ATagTitle.field = subtitle//title
> NO.wrapItemAndSub = <li> | </li>
> IFSUB = 1
> IFSUB {
> wrapItemAndSub = <li> | </li>
> allWrap = | <!--<![endif]-->
> linkWrap = |<!--[if IE 7]><!-->
> ATagBeforeWrap = 1
> ATagParams = class="hide"
> }
> }
> }
> }
>
> But I don't have the desire result menu. Can anybody help??
>
> P.S the output:
>
> <ul><li><a href="index.php?id=3">home</a></li>
>
> <li><a href="index.php?id=4">Drop-down1 <!--[if IE
> 7]><!--></a><!--<![endif]--><table><tr><td>
> <ul><li><a href="index.php?id=15">Sublink 11<!--[if IE
> 7]><!--></a><!--<![endif]--></li>
> <li><a href="index.php?id=22">Sublink 12</a></li>
> <li><a href="index.php?id=16">Sublink 13</a></li>
> <li><a href="index.php?id=17">Sublink 14</a></li>
> <li><a href="index.php?id=23">Sublink
> 15</a></li></ul></td></tr></table><!--[if lte IE 6]></a><![endif]--></li>
>
> Gideon
>
> _______________________________________________
> TYPO3-english mailing list
> TYPO3-english at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-english
>
More information about the TYPO3-english
mailing list