Can you help tighen up this cell?

I need to tighten up the two buttons in this table cell on this url, (under construction, so the page is a bit messy)

http://www.healthwatchce.com/summary.htm

I want the buttons on the first row "which say "Click to order this course" and the button below it "Click for more info", to be as tight as the two buttons which are directly below them.

The top row features a button within a form, and the button below will just be a link.  

But putting the top button in the form seems to cause this wide space between the two buttons.

I hope I'm clear!

Needs to look good in 3.x browsers to current browsers -- netscape & explorer.

Thanks

Rowby
 
LVL 9
Rowby GorenAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

QxmCommented:
Here is the code that should do what you want:

<input TYPE="image" img src="images/clicktoorder2.gif" NAME="add_to_cart" VALUE="Click to order this course" alt="Click HERE to Buy Now!" WIDTH="80" HEIGHT="31">    </form><br><img src="images/clickmoreinfo2.gif" alt="CLICK for more informaiton on this course" WIDTH="80" HEIGHT="31"></td>
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
chewymonCommented:
The HEIGHT and WIDTH are creating a hidden field that surronds the image.  This spaces the next one farther away.


<input TYPE="image" img src="images/clicktoorder2.gif" NAME="add_to_cart" VALUE="Click to order this course" alt="Click HERE to Buy Now!" WIDTH="80" HEIGHT="31">
0
QxmCommented:
actually it was that he had <p>'s around each individual image so that they were spaced away from each other.  I just took out the <p>'s and put a <br> between the images instead.
0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

oubelkasCommented:
Qxm >> Actually what you proposed as an answer isn't correct. Because you didn't fix the problem with the form.
chewymon >> also what you said isn't actually true.

The problem here is that the form tags are placed within the <TD> tags. Then a blank space is created after the form is interpreted. So THE solution to this is putting the form tags outside the TD tags. Use the <BR> tag after each image to put them together. So this results in:

<form METHOD="POST" ACTION="cgi-bin/quikstore.cgi">
      <td valign="top" height="63" width="164">
      <input type="hidden" name="item-REG-F-|74.00|Regulations Pertaining to the Dental Profession|NA|NA" value="1"><input TYPE="image" img src="images/clicktoorder2.gif" NAME="add_to_cart" VALUE="Click to order this course" alt="Click HERE to Buy Now!" WIDTH="80" HEIGHT="31"><br>
      <img src="images/clickmoreinfo2.gif" alt="CLICK for more informaiton on this course" WIDTH="80" HEIGHT="31">
      </td>

in your code

Joseph
    </form>
0
oubelkasCommented:
mmm, the </form> tag must be after </td>
0
DokiDokiCommented:
Simply put, the </form> tag causes a line break. Put it between </tr> and </td> or between </table> and </tr>. This will supress the line break in almost any browser.

Example

<table>
  <form>
  <tr>
    <td>
      image<br>
    </td>
    <td>
      image2<br>
    </td>
  </tr>
  </form>
</table>
0
oubelkasCommented:
DokiDoki>> oink, oink, check my comment...
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.