table row

Hi all,

I tried this example from http://alistapart.com/articles/zebratables

<html>
<head>
<title>tables</title>
  <style type="text/css">
    #playlist tbody tr td {
      background-color: #eee;
    }
    #playlist tbody tr.odd  td {
      background-color: #fff;
    }
  </style>
</head>
<body>

<table id="playlist">
  <tbody>
    <tr class="odd">
      <!-- cells go here -->
    </tr>
    <tr>
      <!-- cells go here -->
    </tr>
    <tr class="odd">
      <!-- cells go here -->
    </tr>
    <tr>
      <!-- cells go here -->
    </tr>
  </tbody>
</table>

</body>
</html>

and the code works in IE but not in FF
Code

<table id="StockEnquiryFormResults">
      <tbody>

      <!-- Table Header -->
      <tr> 
        <th>#</th>
       <th>Chassis</th>
       <th>Model</th>
       <th>Colour</th>
       <th>Job No</th>
       <th>Serial</th>
       <th>Ord</th>  
       <th>Order Type</th>
       <th>Dlr</th>
       <th>Stat</th>
       <th>SS</th>
       <th>Flag</th>
       <th>Var</th>
       <th>Loc</th>
       <th>STDate</th>
       <th>PDDate</th>
      </tr>

         <tr class="odd"> 

         <td>1</td>
         <td>
           WORKHORSE 178 AUTO
         </td>
         <td>NA</td>
         <td>N/A</td>
         <td>0</td>
           <td>

         </td>
         <td>

             <a href = "winndos_order_view.asp?orderno=354" title="View Order">354</a>

         </td>
         <td>Stock</td>
         <td>
          Parkland Winnebago Pty Ltd
         </td>
         <td>Cancelled</td>
         <td></td>
         <td>Complete</td>
         <td>
          NO
         </td>
         <td></td>
         <td>
          -
         </td>
         <td>
          -
         </td>
        </tr>

         <tr"> 

         <td>2</td>
         <td>
           WORKHORSE 208 AUTO
         </td>
         <td>NA</td>
         <td>N/A</td>
         <td>0</td>
           <td>

         </td>
         <td>

             <a href = "winndos_order_view.asp?orderno=355" title="View Order">355</a>

         </td>
         <td>Stock</td>
         <td>
          Parkland Winnebago Pty Ltd
         </td>
         <td>Cancelled</td>
         <td></td>
         <td>Complete</td>
         <td>
          NO
         </td>
         <td></td>
         <td>
          -
         </td>
         <td>
          -
         </td>
        </tr>

      </tbody>
     </table>

css

 #StockEnquiryFormResults /*this is the div wrapper - which works and displays correctly*/
  {
   Border:1px solid #000;
  }
 #StockEnquiryFormResults tbody tr td 
  {
    background-color: #fof;
  }
    #StockEnquiryFormResults tbody tr.odd td 
  {
    background-color: #0f0;
  }

does anyone have any suggestions?

Thanks heaps
Abyss

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

table row

Sent by Abyss on 16 February 2005 01:01

Message thread:

Possibly related: