[Datug] xHTML Valide Navigation mit UL und LI mit mehr als einer Ebene

[Ingo Schommer]

hallo

öhm, eigentlich kein problem <li> und <ul> zu verschachteln.
das "so sollte es sein"-bsp is doch ok afaik.

gucksu hier http://css.maxdesign.com.au/listamatic/ für beispiele
bzw. hier 
http://www.accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp
zum generieren.

gruesse
ingo

m.uhl at mh-online.de wrote:

>Hallo Liste :)
>
>Ich hab ein Problem mit der Navigation wenn ich ein Menu scripte
>wird das nicht xHTML valid da ja das LI gechlossen wird und dann
>erst ein UL kommt.
>
>Wenn jemand nen Tip hat wäre das sehr nett 
>
>danke
>
>gruss
>mathias
>
>
>
>BSP sieht es aus:
>
><ul class="VERTICAL_TEXTMENU_MENU_TO_3">
>
><< SNIP >>
>
> <li class="VERTICAL_TEXTMENU_MENU_TO_3_ACT">
>   <a href="Typen_Uebersicht.3.0.html" onfocus="blurLink(this);">
>    Typen Übersicht
>   </a>
> </li>
>
>   <ul class="VERTICAL_TEXTMENU_MENU_TO_3_LVL2">
>     <li class="VERTICAL_TEXTMENU_MENU_TO_3_NO_LVL2">
>      <a href="TYP___Ueberschrift.28.0.html" onfocus="blurLink(this);">
>       TYP : Überschrift
>      </a>
>     </li>
>    </ul>
>
><< SNIP >>
>
></ul>
>
>
>BSP so sollte es sein:
>
><ul class="VERTICAL_TEXTMENU_MENU_TO_3">
>
><< SNIP >>
>
> <li class="VERTICAL_TEXTMENU_MENU_TO_3_ACT">
>   <a href="Typen_Uebersicht.3.0.html" onfocus="blurLink(this);">
>    Typen Übersicht
>   </a>
>   <ul class="VERTICAL_TEXTMENU_MENU_TO_3_LVL2">
>     <li class="VERTICAL_TEXTMENU_MENU_TO_3_NO_LVL2">
>      <a href="TYP___Ueberschrift.28.0.html" onfocus="blurLink(this);">
>       TYP : Überschrift
>      </a>
>     </li>
>    </ul>
> </li>
>
><< SNIP >>
>
></ul>
> 
>Typoscript dazu:
>
>MENU_TO_3 {
>    1 = HMENU
>    1 {
>        entryLevel = 0
>        1 = TMENU
>        1 {
>            collapse = 0
>            wrap = <ul class="VERTICAL_TEXTMENU_MENU_TO_3"> | </ul>
>            NO {
>            linkWrap = <li class="VERTICAL_TEXTMENU_MENU_TO_3_NO">|</li>
>            }
>            ACT = 1
>            ACT {
>            linkWrap = <li class="VERTICAL_TEXTMENU_MENU_TO_3_ACT">|</li>
>            }			
>        }
>        2 = TMENU                                             
>        2 {
>            collapse = 0
>            wrap = <ul class="VERTICAL_TEXTMENU_MENU_TO_3_LVL2"> | </ul>
>            NO {
>            linkWrap = <li class="VERTICAL_TEXTMENU_MENU_TO_3_NO_LVL2">|</li>
>            }
>            ACT = 1
>            ACT {
>            linkWrap = <li class="VERTICAL_TEXTMENU_MENU_TO_3_ACT_LVL2">|</li>
>            }
>        }
>        3 = TMENU                                             
>        3 {
>            collapse = 0
>            wrap = <ul class="VERTICAL_TEXTMENU_MENU_TO_3_LVL3"> | </ul>
>            NO {
>            linkWrap = <li class="VERTICAL_TEXTMENU_MENU_TO_3_NO_LVL3">|</li>
>            }
>            ACT = 1
>            ACT {
>            linkWrap = <li class="VERTICAL_TEXTMENU_MENU_TO_3_ACT_LVL3">|</li>
>            }	
>        }		
>    }
>}
>
>
>_______________________________________________
>Datug mailing list
>Datug at datug.de
>http://lists.datug.de/cgi-bin/mailman/listinfo/datug
>
>
>  
>