Re: Spacing - SAMPLE ROW

by ErthWlkr(at)aol.com

 Date:  Tue, 24 Oct 2000 23:40:54 EDT
 To:  diane(at)tein.net,
hwg-basics(at)hwg.org
  todo: View Thread, Original
Hiya:

You wrote

> There are buttons that say 9x11 and 5x8 and I would
>  like them to be almost touching one another.  What do
>  I need to code in there to accomplish this?

I played with your code and here is what I came up with (note - ignore the 
periods I have in the tags - only there to fool my mailer):


<.html>
<.head>
    <.title>Butterfly Test<./title>
<./head>

<.body>

<.TABLE align=center border=0 cellPadding=0 cellSpacing=4 width=700>
  
  <.TABLE align=center border=1 cellPadding=0 cellSpacing=4 width=700>
  <.TBODY>
  <.TR>
    <.TD valign=top><.A 
      href="http://www.tein.net/~diane/diane/2b.jpg"><.IMG 
      alt=" #1 The Field Crescent: Phyciodes campestris: Bitterroot Selway 
Wilderness" 
      height=73 src="Moccasin Mountain Photography_files/2bt.jpg" 
    width=100><./A><./TD>
    <.TD>
      <.FORM action=http://www.cartserver.com/sc/cart.cgi method=post><.INPUT 
      name=item type=hidden value="b-6184^1^Field Crescent^35.00^1"> <.INPUT 
      align=center border=0 height=39 name=ADD 
      src="Moccasin Mountain Photography_files/9button.gif" type=image 
      width=125><.br>
      <.FORM action=http://www.cartserver.com/sc/cart.cgi method=post><.INPUT 
      name=item type=hidden value="b-6184^1^Field Crescent^16.00^1"> <.INPUT 
      align=center border=0 height=39 name=ADD 
      src="Moccasin Mountain Photography_files/5button.gif" type=image 
      width=125> <./FORM>
      <./TD>
    <.TD valign=top><.A 
      href="http://www.tein.net/~diane/diane/3b.jpg"><.IMG 
      alt="# 2 The Green Comma: Polygonia faunus: Scapegoat Wilderness" 
      height=73 src="Moccasin Mountain Photography_files/3bt.jpg" 
    width=100><./A><./TD>
    <.TD>
      <.FORM action=http://www.cartserver.com/sc/cart.cgi method=post><.INPUT 
      name=item type=hidden value="b-6184^2^Green Comma^35.00^1"> <.INPUT 
      align=center border=0 height=39 name=ADD 
      src="Moccasin Mountain Photography_files/9button.gif" type=image 
      width=125><.br>
      <.FORM action=http://www.cartserver.com/sc/cart.cgi method=post><.INPUT 
      name=item type=hidden value="b-6184^2^Green Comma^16.00^1"> <.INPUT 
      align=center border=0 height=39 name=ADD 
      src="Moccasin Mountain Photography_files/5button.gif" type=image 
      width=125> <./FORM>
      <./TD>
    <TD valign=top><.A 
      href="http://www.tein.net/~diane/diane/4b.jpg"><.IMG 
      alt="# 3 The Callippe Fritillary: Speyeria callippe: Scapegoat 
Wilderness " 
      height=73 src="Moccasin Mountain Photography_files/4bt.jpg" 
    width=100><./A><./TD>
    <.TD>
      <.FORM action=http://www.cartserver.com/sc/cart.cgi method=post><.INPUT 
      name=item type=hidden value="b-6184^3^Callippe Fritillary^35.00^1"> 
<.INPUT 
      align=center border=0 height=39 name=ADD 
      src="Moccasin Mountain Photography_files/9button.gif" type=image 
      width=125><.br> 
      <.FORM action=http://www.cartserver.com/sc/cart.cgi method=post><.INPUT 
      name=item type=hidden value="b-6184^3^Callippe Fritillary^16.00^1"> 
<.INPUT 
      align=center border=0 height=39 name=ADD 
      src="Moccasin Mountain Photography_files/5button.gif" type=image 
      width=125> </FORM>
      <./TD><./TR>
<./table>
<./body>
<./html>

Notice that I placed your buttons in a single cell, eliminated the <./FORM> 
tag you had between the buttons, and added <.BR> between buttons.  Compare 
the code to what you have.  Everything seems to line up nicely now...  :-)

Make sure you validate!!

- Jeff Kopito

HTML Guild: hwg-basics mailing list archives, maintained by Web Professionals @ IWA