[TYPO3] Ugly HTML-Sourcecode on MENU

[Harald Klotzberg]

Hi Christopher,

sorry, i forget to say: we can forget about the onmouseover ... it´s only
needed for IE to highlight the whole Path correct.
The only thing i want is nice sourcecode :) .. it´s not a most important
thing, but better having nice one.
I know about Tidy, but i thought there is a easier solution as i known tidy
makes the server not faster :)

thanx!

harry
-----Original Message-----
From: typo3-english-bounces at lists.netfielders.de
[mailto:typo3-english-bounces at lists.netfielders.de] On Behalf Of Christopher
Sent: Monday, March 13, 2006 5:07 PM
To: TYPO3 English
Subject: Re: [TYPO3] Ugly HTML-Sourcecode on MENU


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
_______________________________________________
TYPO3-english mailing list
TYPO3-english at lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-english