[TYPO3] Ugly HTML-Sourcecode on MENU

[Christopher]

Hi,

On 3/13/06, Harald Klotzberg <harald.klotzberg at netzbewohner.de> wrote:
> Hi List,
>
> just a possible easy question about the sourcecode generated by Typo3.
>
> I have a Text-Menu, everything works fine.
> If i check the Sourcecode, everything is written in just one line like:
>
> <ul id="subnav"><li onmouseover="this.style.background='#d3e2ef
> url(fileadmin/templates/img/subnav_bg.gif) bottom left no-repeat';"
> onmouseout="this.style.background='transparent
> url(fileadmin/templates/img/subnav_bg.gif) bottom left no-repeat'"><a href=
> .... and so on
>
> How can i improve the HTML Output that it looks like this:
>
> <ul>
>     <li>blubb</li>
> ...
> ...
>
>
> The TS:
>
> lib.NavigationL2L3 = HMENU
> lib.NavigationL2L3.entryLevel = 1
> lib.NavigationL2L3.expandAll = 1
>
> lib.NavigationL2L3.1 = TMENU
> lib.NavigationL2L3.1 {
>    expAll = 1
>    NO.wrap = | <br />
>    NO.wrapItemAndSub = <li onmouseover="this.style.background='#d3e2ef
> url(fileadmin/templates/img/subnav_bg.gif) bottom left no-repeat';"
> onmouseout="this.style.background='transparent
> url(fileadmin/templates/img/subnav_bg.gif) bottom left no-repeat'">|</li>
>    NO.ATagBeforeWrap = 1
>    NO.linkWrap = <div class="l2_af"><div class="l2_pf"><img
> src="fileadmin/templates/img/subnav_l2_arrow.gif" /> |</div></div>
>    CUR = 1
>    CUR.wrap = | <br />
>    CUR.wrapItemAndSub = <li class="active">|</li>
>    CUR.ATagBeforeWrap = 1
>    CUR.linkWrap = <div class="l2_af"><div class="l2_pf"><img
> src="fileadmin/templates/img/subnav_l2_arrow.gif" /> |</div></div>
>    ACTIFSUB = 1
>    ACTIFSUB.wrap = | <br />
>    ACTIFSUB.wrapItemAndSub = <li class="active">|</li>
>    ACTIFSUB.ATagBeforeWrap = 1
>    ACTIFSUB.linkWrap = <div class="l2_af"><div class="l2_pf"><img
> src="fileadmin/templates/img/subnav_l2_arrow.gif" /> |</div></div>
> }
> ...
>
>
> I tried
> NO.wrap = | <br />, but it doesn´t help :(
> Might be easy, but i couldn´t google anything about it.


I don't get it--you first say that you want to change a block of html
so it doesn't contain a whole bunch of 'onmouseover' stuff and inline
styles, then you show us code that CLEARLY contains the 'onmouseover'
and 'style' attributes and then say you tried to fix it by adding a
<br /> to the markup? That makes no sense...

You'd better explain more clearly.


-Christopher