[TYPO3] Css drop down menu problem

Oliver Rowlands oliver at liquidlight.co.uk
Wed Jun 13 17:34:40 CEST 2007


Hi Gideon,

Indeed that didn't seem to work. Let's give it another go:

lib.mainmenu >
lib.mainmenu = HMENU
lib.mainmenu {
   entryLevel = 0
   1 = TMENU
   1 {
     wrap = <ul> | </ul>
     noBlur = 1
     expAll = 1
     NO {
       ATagTitle.field = title
       stdWrap.htmlSpecialChars = 1
       ATagBeforeWrap = 1
       wrapItemAndSub = <li> | </li>
     }
     ACT = 1
     ACT < .NO
     ACT {
       wrapItemAndSub = <li class="active"> | </li>
     }
     IFSUB < .NO
     IFSUB = 1
     IFSUB {
       linkWrap = | <!--[if IE 7]><!-->
       afterWrap = | <!--<![endif]--><!--[if lte IE 
6]><table><tr><td><![endif]-->
       wrapItemAndSub = <li> | <!--[if lte IE 
6]></td></tr></table></a><![endif]--></li>
     }
     ACTIFSUB < .IFSUB
     ACTIFSUB = 1
     ACTIFSUB {
       wrapItemAndSub = <li class="active"> | <!--[if lte IE 
6]></td></tr></table></a><![endif]--></li>
     }
   }
   2 < .1
}

I've tested this in IE6 / Firefox with Typo3 4.1.1 and it works for me.

Best regards,

Oliver

Gideon So wrote:
> Hi Oliver,
> 
>     Thanks for your help but the scripts seems not work. Please take a 
> look here: http://www.livingwater.org.hk.
> 
> Gideon
> 
> Oliver Rowlands ??:
>> Hi Loek,
>>
>> Gideon's HTML code is correct and validates, this 'conditional 
>> comment' technique is used to bypass IE's appalling handling of the 
>> :hover CSS selector. Have a look at the main navigation on the 
>> following site for an example:
>>
>> http://www.spannerworks.com
>>
>> As far as I can remember it works in IE5.5+, Firefox, Opera, Safari & 
>> Konqueror without needing any JS.
>>
>> Gideon, try the following TypoScript:
>>
>> lib.mainmenu = HMENU
>> lib.mainmenu {
>>   entryLevel = 0
>>   1 = TMENU
>>   1 {
>>     wrap = <ul> | </ul>
>>     noBlur = 1
>>     expAll = 1
>>     NO {
>>       ATagTitle.field = title
>>       stdWrap.htmlSpecialChars = 1
>>       ATagBeforeWrap = 1
>>       linkWrap = | <!--[if IE 7]><!-->
>>       afterWrap = | <!--<![endif]--><!--[if lte IE 
>> 6]><table><tr><td><![endif]-->
>>       wrapItemAndSub = <li> | <!--[if lte IE 
>> 6]></td></tr></table></a><![endif]--></li>
>>     }
>>     ACT < .NO
>>     ACT = 1
>>     ACT {
>>       wrapItemAndSub = <li class="active"> | </li>
>>     }
>>   }
>>   2 < .1
>> }
>>
>> Hope this helps,
>>
>> Oliver
>>
>>


-- 
Oliver Rowlands
:: Liquid Light ::

E - oliver at liquidlight.co.uk
W - http://www.liquidlight.co.uk

T - 00 44 (0)845 6 58 88 35
F - 00 44 (0)845 6 58 44 35


More information about the TYPO3-english mailing list