Page 1 of 1

CSS and XHTML

Posted: 14 Mar 2005, 09:55
by worton[pl]
Hiya,
Could you Jools tell me how you build tables here on PC, I have no idea how to do it in XHTML using CSS? Could you give me any advice?
Thanks.

Posted: 19 Mar 2005, 09:12
by Jools
I don't use CSS specifically for the tables. They're just done in plain XHTML with some fairly specific styles.

For example,

Code: Select all

  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td valign="top">
        <table cellspacing="10">
          <tr>
            <td align="left" valign="top">
              <table class="bodyline" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                  <td class="menuhdr"><a href="../cotm/cotm.php"><img src="../gif/misc/go.gif" alt="CotM link" align="right" border="0"/><strong>Catfish of the Month</strong></a></td>
                </tr>
                <tr>
                  <td class="menu">Our Featured Catfish of the Month (CotM) for this month. Looking for in-depth on a particular species? Then check out the <a href="../cotm/index.php">CotM Archive</a>.</td>
                </tr>            </table></td></tr></table></td></tr></table>
renders as

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><table cellspacing="10">

<tr>

<td align="left" valign="top">

<table class="bodyline" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td class="menuhdr"><a href="../cotm/cotm.php"><img src="../gif/misc/go.gif" alt="CotM link" align="right" border="0"/><b>Catfish of the Month</b></a></td>
</tr>

<tr>

<td class="menu">Our Featured Catfish of the Month (CotM) for this month. Looking for in-depth on a particular species? Then check out the <a href="../cotm/index.php">CotM Archive</a>.</td>

</tr>
</table></td></tr></table></td></tr></table>

using the styles at http://www.planetcatfish.com/pc.css

Need more specific questions to give more specific answers...
Jools