[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