using .css with schedule_results.tpl [SOLVED]

[Jeff]

I have my schedule_results.tpl coded how I would like for it to appear on the page, but I cannot figure out what I am doing wrong.

Here is the .css

CAPTION.MYTABLE
 {
    background-color:#689ACC;
    color:white;
    border-style:solid;
    border-width:2px;
    border-color:#003399;
 }

 TABLE.MYTABLE
 { 
    font-family:arial;
    border-collapse:collapse;
    font-size:10pt;
    background-color:#808080;
    width:100%;
    border-style:solid;
    border-color:#003399;
    border-width:2px;
 }

 TH.MYTABLE
 {
    font-size:10pt;
    background-color:#003399;
    color:white;
    border-style:solid;
    border-width:1px;
    border-color:#003399;
 }


 TR.MYTABLE
 { 
 }

 TD.MYTABLE
 {  
    font-size:8pt;
    background-color:#FFFFFF;
    color:#003399;
    border-width:1px;
    text-align:left;
 }

Here is the table

<TABLE CLASS="MYTABLE">
   <CAPTION CLASS="MYTABLE">Table Caption</CAPTION>

   <THEAD >
     <TR CLASS="MYTABLE">
       <TH CLASS="MYTABLE">Column One</TH>
       <TH CLASS="MYTABLE">Column Two</TH>
       <TH CLASS="MYTABLE">Column Three</TH>
     </TR>
   </THEAD>

   <TBODY>
     <TR CLASS="MYTABLE">  
       <TD CLASS="MYTABLE">Row 1, Column 1</TD>
       <TD CLASS="MYTABLE">Row 1, Column 3</TD>
       <TD CLASS="MYTABLE">Row 1, Column 3</TD>
     </TR>

     <TR CLASS="MYTABLE">  
       <TD CLASS="MYTABLE">Row 2, Column 1</TD>
       <TD CLASS="MYTABLE">Row 2, Column 3</TD>
       <TD CLASS="MYTABLE">Row 2, Column 3</TD>
     </TR>

     <TR CLASS="MYTABLE">  
       <TD CLASS="MYTABLE">Row 1, Column 3</TD>
       <TD CLASS="MYTABLE">Row 3, Column 3</TD>
       <TD CLASS="MYTABLE">Row 3, Column 3</TD>
     </TR>
   </TBODY>
 </TABLE>

Where do I place the .css code in order for it to show up? I have tried to place it in the ObsessBlue (StyleSheet.css) but nothing happens.

[servetas]

Why do not you try to locate it into schedule_results.tpl? using for example:

<style type="text/css">
CAPTION.MYTABLE
 {  background-color:#689ACC;
    color:white;
    border-style:solid;
    border-width:2px;
    border-color:#003399;   }
 TABLE.MYTABLE
 {  font-family:arial;
    border-collapse:collapse;
    font-size:10pt;
    background-color:#808080;
    width:100%;
    border-style:solid;
    border-color:#003399;
    border-width:2px;      }
 TH.MYTABLE
 {  font-size:10pt;
    background-color:#003399;
    color:white;
    border-style:solid;
    border-width:1px;
    border-color:#003399;  }
 TR.MYTABLE
 { }
 TD.MYTABLE
 {  font-size:8pt;
    background-color:#FFFFFF;
    color:#003399;
    border-width:1px;
    text-align:left;      }
</style>

[James142]

You could put the style code in your main style.css file in your skin.

Or you could put this into the follwoing into the schedule_results.tpl:

<link rel="stylesheet" media="all" type="text/css" href="YOUR LINK TO THE .CSS FILE" />

[Jeff]

Thanks guys. I forgot to add the

<style type="text/css">