How Do I Get Things to Align Properly Within My Tables?


example

To place text or graphics where you want in a TABLE Cell (TD) Just find the look you like, and find the ALIGN and VALIGN values. ALIGN is for horizontal placement and VALIGN is for the vertical. In otherwords, put your finger on the button you like, and read up and across for your tags! ;-)

To do a Bullseye
<TD VALIGN=CENTER ALIGN=CENTER>

ALIGN VALIGN=MIDDLE VALIGN=TOP VALIGN=BOTTOM
ALIGN=LEFT
---
---
---
ALIGN=CENTER
---
---
---
ALIGN=RIGHT
---
---
---


source code

<TABLE BORDER="1" WIDTH="550">
 <TR>
  <TD>ALIGN</TD>
  <TD>VALIGN=MIDDLE</TD>
  <TD>VALIGN=TOP</TD>
  <TD>VALIGN=BOTTOM</TD>
 </TR>
 <TR>
  <TD>ALIGN=LEFT<BR>---<BR>---<BR>---<BR></TD>
  <TD ALIGN="LEFT" VALIGN="MIDDLE"><IMG SRC="g40-99-20.gif"></TD>
  <TD ALIGN="LEFT" VALIGN="TOP">   <IMG SRC="g40-99-20.gif"></TD>
  <TD ALIGN="LEFT" VALIGN="BOTTOM"><IMG SRC="g40-99-20.gif"></TD>
  </TD>
 </TR>
 <TR>
  <TD>ALIGN=CENTER<BR>---<BR>---<BR>---<BR></TD>
  <TD ALIGN="CENTER" VALIGN="MIDDLE"><IMG SRC="g40-99-20.gif"></TD>
  <TD ALIGN="CENTER" VALIGN="TOP">   <IMG SRC="g40-99-20.gif"></TD>
  <TD ALIGN="CENTER" VALIGN="BOTTOM"><IMG SRC="g40-99-20.gif"></TD>
  </TD>
 </TR>
 <TR>
  <TD>ALIGN=RIGHT<BR>---<BR>---<BR>---<BR></TD>
  <TD ALIGN="RIGHT" VALIGN="MIDDLE"><IMG SRC="g40-99-20.gif"></TD>
  <TD ALIGN="RIGHT" VALIGN="TOP">   <IMG SRC="g40-99-20.gif"></TD>
  <TD ALIGN="RIGHT" VALIGN="BOTTOM"><IMG SRC="g40-99-20.gif"></TD>
  </TD>
 </TR>
</TABLE>