Tables

Well why use tables you might say, but do you realise when you see (or rather don't see) a table. If you want text by the side of an image or maybe tabulated text or just text in colomns then use a table.

<CENTER><TABLE BORDER=0 CELLSPACING=10 COLS=2 WIDTH="70%" >
<TR>
<TD>Well why use tables you might say, but do you realise
when you see (or rather don't see) a table.</TD>
<TD>If you want text by the side of an image or maybe tabulated
text or just text in colomns then use a table.</TD>
</TR>
</TABLE></CENTER>

So what your looking at is a table with 0 border so although its there you don't see it obviously if you like seeing tables you give this a thickness and everyone will know it's in a table.

You can also have background images using BACKGROUND="RAINBOW1.GIF" as in
<table BORDER=3 CELLSPACING=3 COLS=2 WIDTH="80%" BACKGROUND="RAINBOW1.GIF" >
Make sure you can read any text on top of your image. Also if you changed the font color to suit your image make sure you have a background color that allows you to read it if the image doesn't load. The back ground image doesn't show on the kindle.

Hear we have an Image one side and text the other, both left justified, default

This is right justified text and Image

Here is some center justified

Always have at least a space in each cell if you have a border thickness unless you want to have it filled in like the one on the left.

The one to right has a space.

This is the same Table without the background image

Hear we have an Image one side and text the other, both left justified, default

This is right justified text and Image

Here is some center justified

Always have at least a space in each cell if you have a border thickness unless you want to have it filled in like the one on the left.

The one to right has a space.

CENTER><TABLE BORDER=0 CELLSPACING=10 COLS=2 WIDTH="70%" >
 <TR>
 <TD>Well why use tables you might say, but do you
realise
 when you see (or rather don't see) a table.</TD>
<TD>If you want text by the side of an image or
maybe tabulated
 text or just text in colomns then use a table.</TD>
 </TR>
 </TABLE></CENTER>
  
<BLOCKQUOTE>So what your looking at is a table with 0 border
so although its there you don't see it obviously if you like seeing tables
you give this a thickness and everyone will know it's in a table.
  
  
<TABLE BORDER=3 COLS=2 WIDTH="80%" >
<TR>
<TD><A HREF="index.htm"><IMG SRC="but_home.gif" ALT="HOME" TITLE="HOME" BORDER=0 HEIGHT=32 WIDTH=128></A></TD>
<TD> here we have an Image one side and text the other,
both left justified, default </TD>
</TR>
<TR>
<TD>
<DIV ALIGN=right>This is right justified text and Image</DIV>
</TD>
<TD>
<DIV ALIGN=right><IMG SRC="but_htm.gif" ALT="HOME" BORDER=0 HEIGHT=32 WIDTH=128></DIV>
</TD>
</TR>
<TR>
<TD>
<CENTER><A HREF="mailto:htmlcode@htmlcode.plus.com"><IMG SRC="but_eml.gif" ALT="Email Us" TITLE="Email Us" BORDER=0 HEIGHT=32 WIDTH=128></A></CENTER>
</TD>
<TD>
<CENTER>Here is some center justified</CENTER>
</TD>
</TR>
<TR>
<TD></TD>
<TD>Always have at least a space in each cell if you have
a border thickness unless you want to have it filled in like the one on
the left.</TD>
</TR>
</TABLE>
 As far as I know there is no limit to the number of rows or colomns you can have, you can even have a table with a table if you want to split a cell up. Enjoy! Here's an example one showing the border and the other not, it's a great way of getting text to stay where you want it.

WOW

North

West East

South

WOW

North

West East

South

Source Code
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <meta name="Author" content="nik">
 <meta name="GENERATOR" content="Mozilla/4.8 [en] (Windows NT 5.0; U) [Netscape]">
 <meta name="Description" content="How to use and create tables whether seen or unseen in web pages">
 <meta name="KeyWords" content="htm,html,web,www,internet,edit,tables,row,column">
 <title>HTML TABLES</title>
<link rel="shortcut icon" href="favicon.ico" >
</head>
<body text="#000000" bgcolor="#FFFF99" link="#0000EE" vlink="#551A8B" alink="#FF0000">
<center>
<h1>
Tables</h1></center>
<blockquote> 
<center><table BORDER=0 CELLSPACING=10 COLS=2 WIDTH="70%" >
<tr>
<td>Well why use tables you might say, but do you realise
when you see (or rather don't see) a table.</td>
<td>If you want text by the side of an image or maybe tabulated
text or just text in colomns then use a table.</td>
</tr>
</table></center>

 <CENTER><TABLE BORDER=0 CELLSPACING=10 COLS=2
WIDTH="70%" >
 <TR>
 <TD>Well why use tables you might
say, but do you realise
 when you see (or rather don't see) a table.</TD>
<TD>If you want text by the side of
an image or maybe tabulated
 text or just text in colomns then use a table.</TD>
 </TR>
 </TABLE></CENTER></blockquote>
<blockquote>So what your looking at is a table with 0 border
so although its there you don't see it obviously if you like seeing tables
you give this a thickness and everyone will know it's in a table.
  
You can also have background images using BACKGROUND="RAINBOW1.GIF"
as in
 <table BORDER=3 CELLSPACING=3 COLS=2 WIDTH="80%" BACKGROUND="RAINBOW1.GIF"
>
 Make sure you can read any text on top of your image.
Also if you changed the font color to suit your image make sure you have
a background color that allows you to read it if the image doesn't load.
The back ground image doesn't show on the kindle.
<table BORDER=3 CELLSPACING=3 COLS=2 WIDTH="80%" BACKGROUND="rainbow1.gif" >
<tr>
<td BGCOLOR="#66FF99"><a href="#startup"><img SRC="but_home.gif" ALT="HOME" BORDER=0 <title="HOME" ></a></td>
<td> Hear we have an Image one side and text the other,
both left justified, default </td>
</tr>
<tr>
<td>
<div align=right>This is right justified text and Image</div>
</td>
<td>
<div align=right><a href="#startup"><img SRC="but_htm.gif" ALT="HOME" BORDER=0 <title="HOME" ></a></div>
</td>
</tr>
<tr>
<td>
<center><a href="mailto:html@htmlcode.plus.com"><img SRC="but_eml.gif" ALT="Email Us" BORDER=0 <title="HOME" height=32 width=128></a></center>
</td>
<td>
<center>Here is some center justified</center>
</td>
</tr>
<tr>
<td BGCOLOR="#FF6666"></td>
<td>Always have at least a space in each cell if you have
a border thickness unless you want to have it filled in like the one on
the left.</td>
</tr>
<tr>
<td> </td>
<td>The one to right has a space. </td>
</tr>
</table>
<mbp:pagebreak/>This is the same Table without the background
image
  
<table BORDER=3 CELLSPACING=3 COLS=2 WIDTH="80%" >
<tr>
<td BGCOLOR="#66FF99"><a href="#startup"><img SRC="but_home.gif" ALT="HOME" BORDER=0 <title="HOME" height=32 width=128></a></td>
<td> Hear we have an Image one side and text the other,
both left justified, default </td>
</tr>
<tr>
<td>
<div align=right>This is right justified text and Image</div>
</td>
<td>
<div align=right><a href="#startup"><img SRC="but_htm.gif" ALT="HOME" BORDER=0 <title="HOME" height=32 width=128></a></div>
</td>
</tr>
<tr>
<td>
<center><a href="mailto:htmlcode@htmlcode.plus.com"><img SRC="but_eml.gif" ALT="Email Us" BORDER=0 <title="HOME" height=32 width=128></a></center>
</td>
<td>
<center>Here is some center justified</center>
</td>
</tr>
<tr>
<td BGCOLOR="#FF6666"></td>
<td>Always have at least a space in each cell if you have
a border thickness unless you want to have it filled in like the one on
the left.</td>
</tr>
<tr>
<td> </td>
<td>The one to right has a space. </td>
</tr>
</table>

CENTER>&lt;TABLE BORDER=0 CELLSPACING=10 COLS=2 WIDTH="70%"
>
 &lt;TR>
 &lt;TD>&lt;FONT SIZE=+1>Well why use tables
you might say, but do you
 realise
 when you see (or rather don't see) a table.&lt;/FONT>&lt;/TD>
&lt;TD>&lt;FONT SIZE=+1>If you want text
by the side of an image or
 maybe tabulated
 text or just text in colomns then use a table.&lt;/FONT>&lt;/TD>
 &lt;/TR>
 &lt;/TABLE>&lt;/CENTER>
 &nbsp;
 <BLOCKQUOTE>So what your looking
at is a table with 0 border
 so although its there you don't see it obviously if you
like seeing tables
 you give this a thickness and everyone will know it's
in a table.
 &nbsp;
 &nbsp;
 <TABLE BORDER=3 COLS=2 WIDTH="80%" >
 <TR>
 <TD><A HREF="index.htm"><IMG SRC="but_home.gif"
ALT="HOME" TITLE="HOME" BORDER=0 HEIGHT=32 WIDTH=128></A></TD>
<TD>&nbsp;here we have an Image
one side and text the other,
 both left justified, default&nbsp;</TD>
 </TR>
<TR>
 <TD>
 <DIV ALIGN=right>This is right justified
text and Image</DIV>
 </TD>
<TD>
 <DIV ALIGN=right><IMG SRC="but_htm.gif" ALT="HOME"
BORDER=0 HEIGHT=32 WIDTH=128></DIV>
 </TD>
 </TR>
<TR>
 <TD>
 <CENTER><A HREF="mailto:htmlcode@htmlcode.plus.com"><IMG
SRC="but_eml.gif" ALT="Email Us" TITLE="Email Us" BORDER=0 HEIGHT=32 WIDTH=128></A></CENTER>
 </TD>
<TD>
 <CENTER>Here is some center justified</CENTER>
 </TD>
 </TR>
<TR>
 <TD></TD>
<TD>Always have at least a space in
each cell if you have
 a border thickness unless you want to have it filled
in like the one on
 the left.</TD>
 </TR>
 </TABLE>
     As far as I know there is no limit
to the number of rows or colomns you can have, you can even have a table
with a table if you want to split a cell up. Enjoy! Here's an example one
showing the border and the other not, it's a great way of getting text
to stay where you want it.
  
  
<center><table BORDER=5 WIDTH="60%" >
<tr>
<td> WOW </td>
<td>
<center><table BORDER COLS=3 WIDTH="100%" >
<tr>
<td>
<center> </center>
</td>
<td>
<center>North</center>
</td>
<td>
<center> </center>
</td>
</tr>
<tr>
<td>
<center>West</center>
</td>
<td>
<center> </center>
</td>
<td>
<center>East</center>
</td>
</tr>
<tr>
<td>
<center> </center>
</td>
<td>
<center>South</center>
</td>
<td>
<center> </center>
</td>
</tr>
</table></center>
 </td>
</tr>
</table></center>

  
<center><table BORDER=0 WIDTH="60%" >
<tr>
<td> WOW </td>
<td>
<center><table BORDER=0 COLS=3 WIDTH="100%" >
<tr>
<td>
<center> </center>
</td>
<td>
<center>North</center>
</td>
<td>
<center> </center>
</td>
</tr>
<tr>
<td>
<center>West</center>
</td>
<td>
<center> </center>
</td>
<td>
<center>East</center>
</td>
</tr>
<tr>
<td>
<center> </center>
</td>
<td>
<center>South</center>
</td>
<td>
<center> </center>
</td>
</tr>
</table></center>
 </td>
</tr>
</table></center>
<center>
<a href="index.htm"><img SRC="but_home.gif" ALT="Home" BORDER=0 title="Home" height=32 width=128></a></center>
</blockquote>
</body>
</html>

	Hear we have an Image one side and text the other, both left justified, default
This is right justified text and Image
	Here is some center justified
	Always have at least a space in each cell if you have a border thickness unless you want to have it filled in like the one on the left.
	The one to right has a space.