[SOLVED] going crazy when adding a form to a table

[Reaper0167]

i am using dreamweaver to place a table on a page, no problem there. i then make the table as small as possible(height). after adding a form to that table, i can't keep my same height. it doubles the height of my table after the form is added. in design mode in dreamweaver it looks ok, but when I view the page, the height of the table is doubled after the form is inserted. What is going on? Is that just how it is? I can tell the table doubled in height cause of the background color.

[saltedm8]

We cant help allot without seeing the code and any css ( if any ) but I can lend some useful info

 

NEVER rely on the wysiwyg in dreamweaver, its not showing you how a browser would render it, its just giving you an idea on how it might render ( or how dreamweaver interprets what you have done ) ... ALWAYS check in your browser / browsers ( preferably browsers ) to see if it looks ok

 

Another piece of useful info at this point might be that you don't have to use tables for any type of layout, look into css, once you have grasped the basics, you will find it easier, faster and better.. Its also the recommended way that a site should be built, as tables were never designed to be used for layouts, they were designed for tabular data ( for example: football scores ).

[haku]

To add to that - this is almost definitely a CSS issue - there are some paddings or margins either on your <td> tags, or your <input> tags, or both.

[Reaper0167]

here is what i got for code

 

<table width="954" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>
      blah blah blah
    </td>
    <td>
      <form name="form1" method="post" action="">
      </form>
    </td>
  </tr>
</table>

 

 

[Reaper0167]

i tried just using a div with a form, but pretty much the same issue, i can't seem to get the form to start at the top of the div.

[sticks464]

I would start by placing this css inside style tags in the head section and seeing the results.

All styling is dependent on using the correct doctype and removing all browser defaults.

[Reaper0167]

hey, thanks everyone. this has always been an issue for me in the past, so I always found a different way to design the page. Now it can be done the right way. Thanks again.