[TYPO3] Problem with CSS in TS

Andreas Balzer eMail at andreas-balzer.de
Sun Mar 12 13:15:17 CET 2006 

Andreas Balzer schrieb:
> Rob De Vries schrieb:
>> Andreas Balzer wrote:
>>> Hi!
>>> I want to remake a GMENU to a TMENU. For this, i'm creating a css file.
>>> The problem is, that some background-images of the menu are TS 
>>> specific. That means, that some parts of the CSS have to be 
>>> configurble via TS.
>>>
>>
>> page.headerData.10 = TEXT
>> page.headerData.0.value (
>>  <style>
>> .hauptmenu_element_div_no {something}
>> etc ..
>> )
>>
>> grtz
>> Rob
>>
>>
>>
> Well, i changed the style things to text now (only the <style> tag is 
> html).. My problem now is, that Typo3 doesn't output any of the style 
> data in the FE.. The menu works, but without styles..
> 
> I post the whole menu code here. Please notice, that only layer 1 is a 
> TMENU at the moment..
> 
> page.header.100 = COA
> page.header.100.10 = HTML
> page.header.100.20 = TEXT
> page.header.100.30 = TEXT
> page.header.100.40 = TEXT
> page.header.100.50 = TEXT
> page.header.100.60 = TEXT
> page.header.100.70 = TEXT
> page.header.100.80 = TEXT
> page.header.100.90 = TEXT
> page.header.100.100 = TEXT
> page.header.100.110 = TEXT
> page.header.100.120 = TEXT
> page.header.100.130 = TEXT
> page.header.100.140 = TEXT
> page.header.100.150 = TEXT
> page.header.100.160 = TEXT
> page.header.100.170 = TEXT
> page.header.100.180 = TEXT
> page.header.100.190 = TEXT
> page.header.100.200 = TEXT
> page.header.100.210 = TEXT
> page.header.100.220 = TEXT
> page.header.100.230 = TEXT
> page.header.100.240 = TEXT
> page.header.100.250 = TEXT
> page.header.100.260 = TEXT
> page.header.100.270 = TEXT
> page.header.100.280 = TEXT
> page.header.100.290 = TEXT
> page.header.100.300 = TEXT
> page.header.100.310 = TEXT
> page.header.100.320 = HTML
> page.header.100.330 = TEXT
> page.header.100.340 = TEXT
> page.header.100.350 = TEXT
> page.header.100.360 = TEXT
> 
> 
> page.header.100.10.value = <style>
> page.header.100.20.value = .hauptmenu_element_div_no {
> page.header.100.30.value =  width:132px;
> page.header.100.40.value =  height:20px;
> page.header.100.50.value =  padding-left:24px;
> page.header.100.60.value =  background-image:url 
> ({$mainDir}/layout/{$colorDir}/Link1-no_nosub.gif);
> page.header.100.70.value = }
> page.header.100.80.value = .hauptmenu_element_div_act {
> page.header.100.90.value =  width:132px;
> page.header.100.10.value =  height:20px;
> page.header.100.110.value =  padding-left:24px;
> page.header.100.120.value =  background-image:url 
> ({$mainDir}/layout/{$colorDir}/Link1-ro_nosub.gif);
> page.header.100.130.value = }
> page.header.100.140.value = .hauptmenu_element_div_actifsub {
> page.header.100.150.value =  width:132px;
> page.header.100.160.value =  height:20px;
> page.header.100.170.value =  padding-left:24px;
> page.header.100.180.value =  background-image:url 
> ({$mainDir}/layout/{$colorDir}/Link1-ro_nosub.gif);
> page.header.100.190.value = }
> page.header.100.200.value = hauptmenu_element_a_no {
> page.header.100.210.value = 
> color:#5E6E9A;font-size:10px;font-weight:normal;
> page.header.100.220.value = }
> page.header.100.230.value = .hauptmenu_element_div_no:hover {
> page.header.100.240.value =  background-image:url 
> ({$mainDir}/layout/{$colorDir}/Link1-act_nosub.gif);
> page.header.100.250.value = }
> page.header.100.260.value = .hauptmenu_element_div_ifsub:hover {
> page.header.100.270.value =  width:132px;
> page.header.100.280.value =  height:20px;
> page.header.100.290.value =  padding-left:24px;
> page.header.100.300.value =  background-image:url 
> ({$mainDir}/layout/{$colorDir}/Link1-act_sub.gif);
> page.header.100.310.value = }
> page.header.100.320.value = </style>
> 
> page.310 = COA
> page.310.10 = HTML
> page.310.10.value = <table border="0" cellpadding="0" cellspacing="0" 
> width="160"><tr><td class="navtop" valign="bottom" 
> background="{$mainDir}/layout/{$colorDir}/Navheader.gif">&nbsp; 
> &nbsp;<b>{$navHeader}</b></td></tr></table><table class="navi" 
> cellpadding="0" cellspacing="0" width="156"><tr><td>
> page.310.20 = HMENU
> #page.310.20.special=directory
> #page.310.20.special.value = 100
> page.310.20.entryLevel = {$NavLevel}
> 
> #ebene 1
> page.310.20.1=TMENU
> page.310.20.1 {
>   expAll=0
>   NO {
>     allWrap = <div class="hauptmenu_element_div_normal"> | </div>
>     ATagParams = class="hauptmenu_element_a_normal" 
> style="color:#5E6E9A;font-size:10px;font-weight:normal;"
>   }
>   IFSUB < .NO
>   IFSUB = 1
>     IFSUB.allWrap = <div class="hauptmenu_element_div_ifsub"> | </div>
> #  IFSUBRO < .NO
> #  IFSUBRO = 1
> #  IFSUBROallWrap = <div class="hauptmenu_element_div_ifsub"> | </div>
> #  IFSUBRO.4.file={$mainDir}/layout/{$colorDir}/Link1-act_sub.gif
>   ACTIFSUB < .NO
>   ACTIFSUB = 1
>     ACTIFSUB.allWrap = <div class="hauptmenu_element_div_actifsub"> | 
> </div>
>   ACT < .NO
>   ACT = 1
>     ACT.allWrap = <div class="hauptmenu_element_div_act"> | </div>
> }
> 
> #ebene 2
> page.310.20.2=GMENU
> page.310.20.2 {
> #  wrap= | <img src="fileadmin/layout/linie.gif" width="147" 
> height="1"><br>
>   expAll=0
>   NO {
>     wrap= | <BR>
>     XY=[4.w], [4.h]
>     4=IMAGE
>     4.file={$mainDir}/layout/{$colorDir}/Link2-no_nosub.gif
>     10=TEXT
>     10.text.field=title
>     10.fontFile=fileadmin/fonts/verdana.ttf
>     10.fontSize=10
>     10.fontColor = #4A4E7A
>     10.offset=25,14
>     10.niceText=0
>   }
>   IFSUB < .NO
>   IFSUB = 1
>   IFSUB.4.file={$mainDir}/layout/{$colorDir}/Link2-no_sub.gif
>   IFSUBRO < .NO
>   IFSUBRO = 1
>   IFSUBRO.4.file={$mainDir}/layout/{$colorDir}/Link2-act_sub.gif
>   ACTIFSUB < .NO
>   ACTIFSUB = 1
>   ACTIFSUB.4.file={$mainDir}/layout/{$colorDir}/Link2-ro_sub.gif
>   ACT < .NO
>   ACT = 1
>   ACT.4.file={$mainDir}/layout/{$colorDir}/Link2-ro_nosub.gif
>   RO < .NO
>   RO = 1
>   RO.4.file={$mainDir}/layout/{$colorDir}/Link2-act_nosub.gif
> }
> 
> #ebene 3
> page.310.20.3=GMENU
> page.310.20.3 {
>   wrap= | <img src="fileadmin/layout/linie.gif" width="147" height="1"><br>
>   expAll=0
>   NO {
>     wrap= | <BR>
>     XY=[4.w], [4.h]
>     4=IMAGE
>     4.file={$mainDir}/layout/{$colorDir}/Link3-no_nosub.gif
>     10=TEXT
>     10.text.field=title
>     10.fontFile=fileadmin/fonts/verdana.ttf
>     10.fontSize=10
>     10.fontColor = #4A4E7A
>     10.offset=32,14
>     10.niceText=0
>   }
>   IFSUB < .NO
>   IFSUB = 1
>   IFSUB.4.file={$mainDir}/layout/{$colorDir}/Link3-no_sub.gif
>   IFSUBRO < .NO
>   IFSUBRO = 1
>   IFSUBRO.4.file={$mainDir}/layout/{$colorDir}/Link3-act_sub.gif
>   ACTIFSUB < .NO
>   ACTIFSUB = 1
>   ACTIFSUB.4.file={$mainDir}/layout/{$colorDir}/Link3-ro_sub.gif
>   ACT < .NO
>   ACT = 1
>   ACT.4.file={$mainDir}/layout/{$colorDir}/Link3-ro_nosub.gif
>   RO < .NO
>   RO = 1
>   RO.4.file={$mainDir}/layout/{$colorDir}/Link3-act_nosub.gif
> }
> 
> #ebene 4
> page.310.20.4=GMENU
> page.310.20.4 {
>   wrap= | <img src="fileadmin/layout/linie.gif" width="147" height="1"><br>
>   expAll=0
>   NO {
>     wrap= | <BR>
>     XY=[4.w], [4.h]
>     4=IMAGE
>     4.file={$mainDir}/layout/{$colorDir}/Link4-no_nosub.gif
>     10=TEXT
>     10.text.field=title
>     10.fontFile=fileadmin/fonts/verdana.ttf
>     10.fontSize=10
>     10.fontColor = #4A4E7A
>     10.offset=39,14
>     10.niceText=0
>   }
>   IFSUB < .NO
>   IFSUB = 1
>   IFSUB.4.file={$mainDir}/layout/{$colorDir}/Link4-no_sub.gif
>   IFSUBRO < .NO
>   IFSUBRO = 1
>   IFSUBRO.4.file={$mainDir}/layout/{$colorDir}/Link4-act_sub.gif
>   ACTIFSUB < .NO
>   ACTIFSUB = 1
>   ACTIFSUB.4.file={$mainDir}/layout/{$colorDir}/Link4-ro_sub.gif
>   ACT < .NO
>   ACT = 1
>   ACT.4.file={$mainDir}/layout/{$colorDir}/Link4-ro_nosub.gif
>   RO < .NO
>   RO = 1
>   RO.4.file={$mainDir}/layout/{$colorDir}/Link4-act_nosub.gif
> }
> 
> 
> #ebene 5
> page.310.20.5=GMENU
> page.310.20.5 {
>   wrap= | <img src="fileadmin/layout/linie.gif" width="147" height="1"><br>
>   expAll=0
>   NO {
>     wrap= | <BR>
>     XY=[4.w], [4.h]
>     4=IMAGE
>     4.file={$mainDir}/layout/{$colorDir}/Link5-no_nosub.gif
>     10=TEXT
>     10.text.field=title
>     10.fontFile=fileadmin/fonts/verdana.ttf
>     10.fontSize=10
>     10.fontColor = #4A4E7A
>     10.offset=46,14
>     10.niceText=0
>   }
>   IFSUB < .NO
>   IFSUB = 1
>   IFSUB.4.file={$mainDir}/layout/{$colorDir}/Link5-no_sub.gif
>   IFSUBRO < .NO
>   IFSUBRO = 1
>   IFSUBRO.4.file={$mainDir}/layout/{$colorDir}/Link5-act_sub.gif
>   ACTIFSUB < .NO
>   ACTIFSUB = 1
>   ACTIFSUB.4.file={$mainDir}/layout/{$colorDir}/Link5-ro_sub.gif
>   ACT < .NO
>   ACT = 1
>   ACT.4.file={$mainDir}/layout/{$colorDir}/Link5-ro_nosub.gif
>   RO < .NO
>   RO = 1
>   RO.4.file={$mainDir}/layout/{$colorDir}/Link5-act_nosub.gif
> }
> 
problem 2 solved .. written header instead of headerData
But it does not write the style tag.. Tried it with Text as bla = TEXT 
too, but it did not succeed.. What do i do wrong?

More information about the TYPO3-english mailing list