Tables within CSS files

Junior WebHelper Joined: 05 Nov 2003 Posts: 7

Hey guys, I was wondering. I have a nice Christmas CSS and have my table links with the colous and links nicely set up, but I want to implement the HTML table and links within the CSS file, that way I don't have to keep copy/paste the table inside a brand new HTML document when I create a new page, instead it'll automatically be loaded within the css file. Can it be done? Here's the table as it is in the CSS file and then the HTML document:

HTML:

<table>
<tr class="links">
<td></td><td></td><td></td><td></td>
<td class="links"><A href="http://japandrews.tripod.com/index.htm">Home</A></td>
<td></td><td></td><td></td><td></td><td></td><td></td>
<td class="links"><A href="http://japandrews.tripod.com/photos.html">Photos</A></td>
<td></td><td></td><td></td><td></td><td></td><td></td>
<td class="links"><A href="http://japandrews.tripod.com/comments.html">Comments</A></td>
<td></td><td></td><td></td><td></td>
</tr>
</table>

CSS File:

TABLE {background: #004000; border-width: medium; border-style: double; border-color: #FF0000; align: center;}
TR.links {font-size:18pt;}
TD.links {font-size:18pt;}

A:link {text-decoration: none; color: #FFFFFF;}
A:visited {text-decoration: none; color: #FFFFFF;}
A:hover {text-decoration: none; color:#FF0000;}

Can I put the HTML code into the CSS file and have the table auto load?

Thanks

Team Member Joined: 06 Jan 2002 Posts: 2564

CSS files are for layout so you can't put anything but CSS in them. However you can put your code in:

a Javascript file - you'll have to use the appropriate JS commands to output the HTML though
a normal HTML file which could be loaded via an iframe
a PHP file and include it into your main file - you'd need to have your home page parsed by PHP though (by either fiddling with the config or changing the file extension to .php).
a file included via SSI (Server Side Includes) - similar to PHP solution