[Seasar-user:17386] Re: [Teeda-header color]

2009年 5月 8日 (金) 20:05:09 JST

Hi, thomas.

Does the body tag of header.html include the span tag?
And, the id attribute of the name "HeaderColor" is necessary for the span tag.

Please show your header.html.

example

>> [header.html]
>> <html>
>> <body>
>> <span id="headerColor" class="headerColor2">
>> this is header
>> </span>
>> </body>
>> </html>

thomas さんは書きました:
> Hai,
> 
> Thanks for your reply.....
> 
> I tried your sample coding.but the header color didnt change...
> 
> *master.css
> :::::::::::::::::*
> .heading {
>     background-color:green;
>     color:white;
>     font-weight:bold;
> }
> .container {
>     background:#e0eeff;
> }
> .item {
>     color:#610B0B;
> }
> *.headerColor1{background-color:red;}
> **.headerColor2{background-color:blue;}
> .headerColor3{background-color:yellow;}*
> *.footerColor{background-color:blue;}
> *
> 
> 
> 
> *layout.html
> ::::::::::::::::::
> *<head>
> 
> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
> 
> <title><label id="layoutLabel"/></title>
> *<link rel="stylesheet" type=" text/css" href="../../css/master.css"/>*
> </head>
> 
> <body>
> 
> <table border="1" width="100%">
> 
> <tr>
> 
> <td colspan="2" align="center" height="20">
> 
> <span class="oneField">
> 
> *<te:include id="layoutHeader" te:src="/layout/header.html"/>*
> 
> </span>
> 
> </td>
> 
> </tr>
> <tr>
> <td width="40"><te:include id="layoutMenu" te:src="/layout/menu.html"/></td>
> <td height="475" valign="top"><te:includeChildBody
> id="LayoutChildBody"/></td>
> </tr>
> <tr>
> <td colspan="2" align="right" height="20">
> <span class="threeField">
> *<te:include id="layoutFooter" te:src="/layout/footer.html"/>*
> </span>
> </td>
> </tr>
> </table>
> </body>*
> *
> *HeaderPage.java
> ::::::::::::::::::::::::::::*
> public class HeaderPage {
> *public String getHeaderColorStyleClass() {
>         Random random = new Random();
>         int mod = Math.abs(random.nextInt()) % 3;
>         switch (mod) {
>         case 0:
>             return "headerColor1";
>         case 1:
>             return "headerColor2";
>         default:
>             return "headerColor3";
>         }
>     }*
> }
> 
> I checked both in firebox and IE6...The background -color of header is
> always white.
> 
> Is there any mistake in the above coding?
> 
> Thanks in advance.
> 
> 
> 
> 
> 
> 2009/5/8 [E-MAIL ADDRESS DELETED] <[E-MAIL ADDRESS DELETED]>
> 
>> Hi, thomas.
>>
>> The following are samples.
>>
>> [sample.css]
>> .headerColor1{background-color:red;}
>> .headerColor2{background-color:blue;}
>> .headerColor3{background-color:yellow;}
>> .footerColor{background-color:blue;}
>>
>> [layout.html]
>> <head><link rel="stylesheet" type="text/css" href="/css/sample.css"
>> /></head>
>> <body id="layoutbody">
>> <te:include id="layoutHeader" te:src="/layout/header.html"/>
>> <te:include id="layoutFooter" te:src="/layout/footer.html"/>
>> </body>
>>
>> [header.html]
>> <html>
>> <body>
>> <span id="headerColor" class="headerColor2">
>> this is header
>> </span>
>> </body>
>> </html>
>>
>> [footer.html]
>> <html>
>> <body>
>> <span id="footerColor" class="footerColor">
>> this is footer
>> </span>
>> </body>
>> </html>
>>
>> [HeaderPage.java]
>> public class HeaderPage {
>>  public String getHeaderColorStyleClass() {
>>    Random random = new Random();
>>    int mod = Math.abs(random.nextInt()) % 3;
>>    switch (mod) {
>>    case 0:
>>      return "headerColor1";
>>    case 1:
>>      return "headerColor2";
>>    default:
>>      return "headerColor3";
>>    }
>>  }
>> }
>>
>> Was the problem before solved?
>> http://ml.seasar.org/archives/seasar-user/2009-April/017300.html
>>
>>
>> thomas さんは書きました:
>>
>>> Hai,
>>>
>>>
>>> I am using layout in my teeda project.How to set the background color for
>>> header,footer etc....
>>>
>>> *<style>
>>> .layout.header{background-color:red}
>>> </style>*
>>>
>>> whether the above syntex is correct or not?
>>>
>>> This is not working...Please give the correct way to change the color of
>>> header...
>>>
>>> Thanks in advance.
>> --
>> 米 林   正 明
>> http://www.abby.co.jp

-- 
米 林   正 明
http://www.abby.co.jp