[TYPO3-english] Menu and second level menu in different table rows

Alexander Agafonov agafonov.alexander at gmail.com
Thu Mar 26 17:33:08 CET 2009


Thanks Bas, I agree with you, but customer said: I know what I need, so 
if you wanna get this project just make for me what I want.

Anyway, thanks alot for help!!!!

Bas v.d. Wiel wrote:
> Hi Alex,
> You're not doing your customer a favor this way since you're creating 
> *extremely* crappy and invalid markup that will most likely never look 
> right in any browser. I scrubbed up some of your code as best I could 
> from the top of my head and without any testing, but why you're doing 
> things like this remains a total mistery to me. The use of unordered 
> lists encapsulated per individual item inside table cells is totally 
> pointless (and most likely invalid) and it will give search engines and 
> the visually challenged hell to interpret your website. The use of <th> 
> elements is also semantically incorrect and thus pointless in this case 
> so I replaced those with <td>'s.
> 
> Whatever way you spin this, the end result will be just plain nasty. I'd 
> advise you to first construct a *valid* (see http://validator.w3.org) 
> plain HTML version of what you want you're building, test that for 
> functionality, style it properly, and only then recreate the thing in 
> TypoScript. A final tip: use indentation and accolades in your TS 
> syntax. It helps you keep these complex constructs readable and 
> maintainable.
> 
> I'm due in a meeting in a few minutes, so I'll leave it at this. 
> Hopefully this helps a bit..
> 
> subparts.menu = HMENU
> subparts.menu {
>    special = directory
>    special.value = 1
> 
>    1 = TMENU
>    1 {
>          wrap = <tr>|</tr>
>          expAll = 1
>          NO = 1
>          NO {
>                   allWrap = <td id="m{elementUid}">|</td>
>                   subst_elementUid = 1
>                   NO.ATagTitle.field = subtitle
>          }
>          ACT < .NO
>          ACT {
>                   allWrap = <td id="m{elementUid}" class="h">|</td>
>          }
>    }
>    2 = TMENU
>    2 {
>          wrap = <table><tr>|</tr></table>
>          NO = 1
>          NO {
>                   allWrap = <td>|</td>
>                   ATagTitle.field = subtitle
>          }
>          ACT < .NO
>          ACT {
>                   allWrap = <td class="menu-act">|</td>
>          }
>    }
> }
> 
> 
> Alexander Agafonov wrote:
>> Bas, thanks for advice, but I'm already tried, anyway I need to get 
>> the solution for my case
>>
>>
>> Bas v.d. Wiel wrote:
>>  
>>> That's what customers do.. but then still, why not simply use nested 
>>> unordered lists without all the table cruft in between them. The end 
>>> result being something like this:
>>>
>>> <table>
>>>  <tr>
>>>    <td id="menucontainer">
>>>      <ul>
>>>        <li class="active">Menu</li>
>>>          <ul class="menu_l2">
>>>            <li>Item 1</li>
>>>            <li>...</li>
>>>         </ul>
>>>       <li>Inactive item level 1</li>
>>>     </ul>
>>>   </td>
>>>  </tr>
>>> </table>
>>>
>>> That's a whole lot easier to make, doesn't break the way UL's are 
>>> supposed to be made, and your customer still has tables.. sort of. ;-)
>>>
>>> Bas
>>>
>>> Alexander Agafonov wrote:
>>>    
>>>> Yes, but my customer want tables. I tried to discuss it with him but 
>>>> he doesn't agree with another layout. (((((
>>>>
>>>>
>>>> Bas v.d. Wiel wrote:
>>>>  
>>>>      
>>>>> Hi Alex,
>>>>> Why mix in all this table stuff? It'd probably be a lot easier if 
>>>>> you just nested your unordered lists and, if you really have to, 
>>>>> wrap the whole thing up in a single <td>.. even though tables are 
>>>>> to be considered baaaaaaaaad for layout. ;-)
>>>>>
>>>>> Bas
>>>>>
>>>>> Alexander Agafonov wrote:
>>>>>           
>>>>>> Hello guys!
>>>>>> I have a problem, I need ti realize menu like this:
>>>>>>
>>>>>> <table width="100%" border="1">
>>>>>> <tr>
>>>>>> <td>Menu 1</td>
>>>>>> <td>Menu 2</td>
>>>>>> <td>Menu 3</td>
>>>>>> <td>Menu 4</td>
>>>>>> </tr>
>>>>>> <tr>
>>>>>> <td><ul>
>>>>>> <li>Menu 1.1</li>
>>>>>> <li>Menu 1.2</li>
>>>>>> <li>Menu 1.3 </li>
>>>>>> </ul></td>
>>>>>> <td><ul>
>>>>>> <li>Menu 2.1</li>
>>>>>> <li>Menu 2.2</li>
>>>>>> <li>Menu 2.3 </li>
>>>>>> </ul></td>
>>>>>> <td><ul>
>>>>>> <li>Menu 3.1</li>
>>>>>> <li>Menu 3.2</li>
>>>>>> <li>Menu 3.3 </li>
>>>>>> </ul></td>
>>>>>> <td><ul>
>>>>>> <li>Menu 4.1</li>
>>>>>> <li>Menu 4.2</li>
>>>>>> <li>Menu 4.3 </li>
>>>>>> </ul></td>
>>>>>> </tr>
>>>>>> </table>
>>>>>>
>>>>>> I'm tried to find solution but still no success. There is my TS 
>>>>>> setup:
>>>>>>
>>>>>>
>>>>>> subparts.menu = HMENU
>>>>>> subparts.menu.special = directory
>>>>>> subparts.menu.special.value = 1
>>>>>> subparts.menu.1 = TMENU
>>>>>> subparts.menu.1 {
>>>>>>    expAll = 1
>>>>>>    wrap = <tr>|</tr>
>>>>>>
>>>>>>     NO.allWrap = <th id="m{elementUid}">|</th>
>>>>>>     NO.subst_elementUid = 1
>>>>>>     NO.ATagTitle.field = subtitle
>>>>>>     ACT = 1
>>>>>>     ACT.allWrap = <th id="m{elementUid}" class="h">|</th>
>>>>>>     }
>>>>>> subparts.menu.2 = TMENU
>>>>>> subparts.menu.2 {
>>>>>>    before.wrap = <tr>
>>>>>>    after.wrap = |</tr>
>>>>>>    wrap =  <td>|</td>
>>>>>>     NO.allWrap = <li class="">|</li>
>>>>>>     NO.subst_elementUid = 1
>>>>>>     NO.ATagTitle.field = subtitle
>>>>>>     ACT = 1
>>>>>>     ACT.allWrap = <li class="menu-act">|</li>
>>>>>>     }
>>>>>>
>>>>>> It wraps second level in a same row.
>>>>>>
>>>>>> Plz, Help!!
>>>>>>
>>>>>> Regards, Alex
>>>>>> _______________________________________________
>>>>>> TYPO3-english mailing list
>>>>>> TYPO3-english at lists.netfielders.de
>>>>>> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-english
>>>>>>                   
>>>> _______________________________________________
>>>> TYPO3-english mailing list
>>>> TYPO3-english at lists.netfielders.de
>>>> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-english
>>>>         
>> _______________________________________________
>> 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