[Typo3] tt_content layout with css_styled_content

[Daniel Doesburg]

Hi Marcel,

Ever heard about the HTML cleaner extensions?

Regards,

Daniel


Marcel Douwstra schreef:
> I feel like a n00b for asking this because it seems like a simple thing 
> but I looked and looked and didn't find what I wanted to know (or didn't 
> understand what I found enough to learn from it).
> 
> Anywayz, what I want is to style content from tt_content.. seems simple 
> right?
> 
> So I have this piece of TS :
> 
> temp.mainTemplate = TEMPLATE
> temp.mainTemplate {
>     template = FILE
>     template.file = fileadmin/template/fun_zylom_overzicht.tmpl
>     workOnSubpart = DOCUMENT_BODY
>     subparts.CONTENT_DIV = TEXT
>     subparts.CONTENT_DIV < styles.content.get
> }
> 
> It DOES use my template properly, inserts the content on the correct 
> place.. but the produced HTML is awful so I want to change that. Here is 
> an example :
> 
> <!--  CONTENT ELEMENT, uid:13/textpic [begin] -->
>         <a name="13"></a>
>         <!--  Header: [begin] -->
> 
>         <div class="csc-header csc-header-n1"><h1 
> class="csc-firstHeader"><a 
> href="http://www.zylomgames.com/servlet/Play?g=237&amp;l=2&amp;s=391" 
> target="_top">Heavy Weapon</a></h1></div>
>         <!--  Header: [end] -->
>            
>         <!--  Image block: [begin] -->
>             <div style="text-align:left;"><table width="120" border="0" 
> cellspacing="0" cellpadding="0"  class="imgtext-table"><tr><td 
> colspan="1"><img src="clear.gif" width="120" height="1" alt="" 
> /></td></tr><tr><td valign="top"><img 
> src="uploads/pics/heavy_weapon.gif" width="120" height="90" border="0" 
> align="top" alt="" title="" /><br /></td></tr></table></div><img 
> src="clear.gif" width="1" height="6" border="0" class="spacer-gif" 
> alt="" title="" /><br />
>         <!--  Text: [begin] -->
>             <p class="bodytext">Heavy Weapon Deluxe is een schietspel in 
> arcadestijl, bomvol horizontale actie waar de adrenaline vanaf spat. 
> Schiet je door 19 missies met een verhaallijn heen om alle zes 
> wapenupgrades te verzamelen, of stort je in de waanzinnige actie met het 
> explosieve speltype Survival.</p>
>         <!--  Text: [end] -->
>            
>         <!--  Image block: [end] -->
> 
>            
>     <!--  CONTENT ELEMENT, uid:13/textpic [end] -->
> 
> So here are the solid questions about this :
> 
> - How can I remove (or use) all those comments blocks?
> - How can I clean up the generated code (the unneed table for instance) 
> ? Does that require wrapping?
> - Can I change the names of the classes and such?
> 
> Well I hope this isn't too stupid a question and that you people can 
> point me in the right direction :)
> 
> Thanx,
> 
> Marcel
> 
> *** http://typo3.tros.nl ***
> 
>