CSS and XHTML

A historical forum for issues reported in the suggestions and bugs forum that have been subsequently fixed or resolved.
Post Reply
User avatar
worton[pl]
Posts: 621
Joined: 08 Jul 2004, 19:13
My images: 2
My cats species list: 11 (i:0, k:0)
My aquaria list: 3 (i:2)
Spotted: 1
Location 1: Lublin, Poland
Location 2: Warsaw, Poland
Interests: catfishes, motorcycles
Contact:

CSS and XHTML

Post 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.
User avatar
Jools
Expert
Posts: 16273
Joined: 30 Dec 2002, 15:25
My articles: 198
My images: 941
My catfish: 237
My cats species list: 87 (i:13, k:1)
My BLogs: 7 (i:10, p:167)
My Wishlist: 23
Spotted: 450
Location 1: Middle Earth,
Location 2: Scotland
Interests: All things aquatic, Sci-Fi, photography and travel. Oh, and beer.
Contact:

Post 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
Post Reply

Return to “All Resolved Issues”