Multiple Tables

My computer is a Mac PPC. I am a neophyte (3-4 weeks old) at html coding. My first page can be seen here (<!-- m --><a class="postlink" href="http://pages.infinit.net/contacjb/">http://pages.infinit.net/contacjb/</a><!-- m -->). I have 2 questions:<br />
<br />
1- I want to have 2(or 3..) tables side by side with a space in between. Each table would have its own border type and color, and its own content, background color and text and/or images. As well, how does one horizontally place a Table at a position other than 'right', 'center', left' ? I tried framesets cols but the coding is only recognised by Internet Explorer.<br />
<br />
2- How does one put different border types and color around images? I seem to only be able to put a black border of a specified width (IMG BORDER="x" SRC=http://www.htmlforums.com/archive/index.php/...).To have an'apparent' color border around an image I have to put the image inside a bordered table.<br />
<br />
jb :confused:<!--content-->1. You could have a table and put more table inside its cells:<br />
<table><br />
<tr><br />
<td><table> table 1... </table></td><br />
<td><table> table 2... </table></td><br />
<td><table> table 3... </table></td><br />
</tr><br />
</table><br />
<br />
2. I don't remember about those old tags but at least CSS does it nicely:<br />
<img src=http://www.htmlforums.com/archive/index.php/"..." alt="..." style="border:1px solid green"><!--content-->Thanks agent002.<br />
<br />
The CSS img border works ok.<br />
<br />
As soon as I try to put a border around the tables within a table, the tables align themselves vertically. Would you know of a CSS coding that would put the tables horizontally side by side with a space between them?<br />
<br />
jb<!--content-->give each td a padding and text align them to center <td style="padding:10px;text-align:center;"><br />
<br />
remember that too many nested tables can cause loading time problems and are a major obstruction to search engine spiders.<br />
<br />
Take a minute to look at using <div> instead of table, atleast nesting a div instead of a table.<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3schools.com/css/default.asp">http://www.w3schools.com/css/default.asp</a><!-- m --><br />
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/box.html#box-dimensions">http://www.w3.org/TR/REC-CSS2/box.html#box-dimensions</a><!-- m --><!--content-->
 
Back
Top