Professional Web Applications Themes

Table Spacing - Web Design

I create a table in Publisher and then save it to my site, but the spacing changes drastically once published. Is there a way to make the table appear normal, so there isn't a lot of extra space around the copy? The table is actually expanding and overlapping other text boxes. Thank you....

  1. #1

    Default Table Spacing

    I create a table in Publisher and then save it to my site,
    but the spacing changes drastically once published. Is
    there a way to make the table appear normal, so there
    isn't a lot of extra space around the copy? The table is
    actually expanding and overlapping other text boxes.
    Thank you.
    Jay Guest

  2. #2

    Default Table spacing

    Hi everyone:

    This isnt easy to explain, but I'll give it my best shot. I have a table with one row expanding 100% and the next row chopped into 2 sections. The 100% row is the top of the page and I am trying to just fill the first column on the second row with a color and let it blend into the first row without any spaces. For some reason, I cannot get rid of the white space between row 1 and row 2. I'lll attach the code, but I'm not sure if it's going to help. Any ideas would be appreciated. Thanks!
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Untitled Doent</title>
    <meta http-equiv="Content-Type" content="text/html; cht=iso-8859-1">
    </head>

    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <table width="100%" height="864" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="2"> <img name="Topofpage" src="TOP OF PAGE/Topofpage.gif" width="770" height="123" border="0" usemap="#m_Topofpage" alt="">
    <map name="m_Topofpage">
    <area shape="rect" coords="650,107,709,118" href="contactus.html" title="Contact Us" alt="Contact Us" >
    <area shape="rect" coords="562,107,622,118" href="sitesearch.html" title="Site Search" alt="Site Search" >
    <area shape="rect" coords="454,107,526,120" href="whyonslow.html" title="Why Onslow" alt="Why Onslow" >
    <area shape="rect" coords="389,107,418,118" href="links.html" title="Links" alt="Links" >
    <area shape="rect" coords="323,107,351,120" href="#" alt="" >
    <area shape="rect" coords="231,107,284,120" href="properties.html" title="Properties" alt="Properties" >
    <area shape="rect" coords="121,106,198,119" href="demographics.html" title="Demographics" alt="Demographics" >
    <area shape="rect" coords="37,106,87,117" href="aboutus.html" title="About Us" alt="About Us" >
    </map>
    </td>
    </tr>
    <tr>
    <td width="13%" height="722" bgcolor="#003366">&nbsp;</td>
    <td width="87%">&nbsp;</td>
    </tr>
    </table>
    </body>
    </html>



    Econ Dev webforumsuser@macromedia.com Guest

  3. #3

    Default Table Spacing

    :sun;

    I have a table with 2 columns and 12 rows, in those rows there are form fields
    (Example: name, address, town and so on.)

    My problem is that there is no Cell spacing (0), padding (0) or border (0) and
    in design view it looks neat and together. You view it in a browser and a great
    gap opens between the cells

    Can anyone help with this issue


    griffij76 Guest

  4. #4

    Default Re: Table Spacing

    Post a link to the page, please. The answer is in your code.

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "griffij76" <webforumsusermacromedia.com> wrote in message
    news:dtk8ck$4e5$1forums.macromedia.com...
    > :sun;
    >
    > I have a table with 2 columns and 12 rows, in those rows there are form
    > fields
    > (Example: name, address, town and so on.)
    >
    > My problem is that there is no Cell spacing (0), padding (0) or border (0)
    > and
    > in design view it looks neat and together. You view it in a browser and a
    > great
    > gap opens between the cells
    >
    > Can anyone help with this issue
    >
    >

    Murray *TMM* Guest

  5. #5

    Default Re: Table Spacing

    Thank you, I have written out the code,

    <table width="404" border="0" align="center" cellpadding="0" cellspacing="0">
    <tbody>
    <tr>
    <td width="148" align="left" valign="top"><p align="left">First
    Name<font color="#ff0000">*</font>: </p></td>
    <td width="244" align="left" valign="top"><form id="form1"
    name="form1" method="post" action="">
    <input type="text" name="textfield" />
    </form> </td>
    </tr>
    <tr>
    <td align="left" valign="top"><p align="left">Last Name<font
    color="#ff0000">*</font>: </p></td>
    <td align="left" valign="top"><form id="form2" name="form2"
    method="post" action="">
    <input type="text" name="textfield2" />
    </form> </td></tr>
    <tr>
    <td align="left" valign="top"><p align="left">Email Address<font
    color="#ff0000">*</font>: </p></td>
    <td align="left" valign="top"><form id="form3" name="form3"
    method="post" action="">
    <input type="text" name="textfield3" />
    </form> </td></tr>
    <tr>
    <td align="left" valign="top"><p align="left">Property Name / No.
    </p></td>
    <td align="left" valign="top"><form id="form4" name="form4"
    method="post" action="">
    <input type="text" name="textfield4" />
    </form> </td></tr>

    <tr>
    <td align="left" valign="top"><p align="left">Address</p></td>
    <td align="left" valign="top"><form id="form4" name="form4"
    method="post" action="">
    <input type="text" name="textfield4" />
    </form></td>
    </tr>
    <tr>
    <td align="left" valign="top"><p align="left">Town:</p></td>
    <td align="left" valign="top"><form id="form5" name="form5"
    method="post" action="">
    <input type="text" name="textfield6" />
    </form> </td></tr>
    <tr>
    <td align="left" valign="top"><p align="left">City: </p></td>
    <td align="left" valign="top"><form id="form6" name="form6"
    method="post" action="">
    <input type="text" name="textfield7" />
    </form> </td></tr>
    </tbody>
    <p> </p>
    <p> </p>
    <tr>
    <td align="left" valign="top">County</td>
    <td align="left" valign="top"><form id="form7" name="form7"
    method="post" action="">
    <input type="text" name="textfield8" />
    </form> </td>
    </tr>
    <tr>
    <td align="left" valign="top"><div align="left">I'm mainly
    interested in:</div></td>
    <td align="left" valign="top"><form id="form8" name="form8"
    method="post" action="">
    <input type="text" name="textfield9" />
    </form> </td></tr>
    <tr>
    <td align="left" valign="top"><p align="left">If other, please
    state: </p></td>
    <td align="left" valign="top">&nbsp;</td></tr>
    <tr>
    <td align="left" valign="top"><p align="left"></p></td>
    </tr>
    <tr>
    <td align="left" valign="top"><div align="left"></div></td>
    </tr>
    </table>

    griffij76 Guest

  6. #6

    Default Re: Table Spacing

    I'm not seeing a gap in IE6 or FF on the PC. Can you post a link to the
    page?

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "griffij76" <webforumsusermacromedia.com> wrote in message
    news:dtkdps$blf$1forums.macromedia.com...
    > Thank you, I have written out the code,
    >
    > <table width="404" border="0" align="center" cellpadding="0"
    > cellspacing="0">
    > <tbody>
    > <tr>
    > <td width="148" align="left" valign="top"><p
    > align="left">First
    > Name<font color="#ff0000">*</font>: </p></td>
    > <td width="244" align="left" valign="top"><form id="form1"
    > name="form1" method="post" action="">
    > <input type="text" name="textfield" />
    > </form> </td>
    > </tr>
    > <tr>
    > <td align="left" valign="top"><p align="left">Last Name<font
    > color="#ff0000">*</font>: </p></td>
    > <td align="left" valign="top"><form id="form2" name="form2"
    > method="post" action="">
    > <input type="text" name="textfield2" />
    > </form> </td></tr>
    > <tr>
    > <td align="left" valign="top"><p align="left">Email
    > Address<font
    > color="#ff0000">*</font>: </p></td>
    > <td align="left" valign="top"><form id="form3" name="form3"
    > method="post" action="">
    > <input type="text" name="textfield3" />
    > </form> </td></tr>
    > <tr>
    > <td align="left" valign="top"><p align="left">Property Name /
    > No.
    > </p></td>
    > <td align="left" valign="top"><form id="form4" name="form4"
    > method="post" action="">
    > <input type="text" name="textfield4" />
    > </form> </td></tr>
    >
    > <tr>
    > <td align="left" valign="top"><p align="left">Address</p></td>
    > <td align="left" valign="top"><form id="form4" name="form4"
    > method="post" action="">
    > <input type="text" name="textfield4" />
    > </form></td>
    > </tr>
    > <tr>
    > <td align="left" valign="top"><p align="left">Town:</p></td>
    > <td align="left" valign="top"><form id="form5" name="form5"
    > method="post" action="">
    > <input type="text" name="textfield6" />
    > </form> </td></tr>
    > <tr>
    > <td align="left" valign="top"><p align="left">City: </p></td>
    > <td align="left" valign="top"><form id="form6" name="form6"
    > method="post" action="">
    > <input type="text" name="textfield7" />
    > </form> </td></tr>
    > </tbody>
    > <p> </p>
    > <p> </p>
    > <tr>
    > <td align="left" valign="top">County</td>
    > <td align="left" valign="top"><form id="form7" name="form7"
    > method="post" action="">
    > <input type="text" name="textfield8" />
    > </form> </td>
    > </tr>
    > <tr>
    > <td align="left" valign="top"><div align="left">I'm mainly
    > interested in:</div></td>
    > <td align="left" valign="top"><form id="form8" name="form8"
    > method="post" action="">
    > <input type="text" name="textfield9" />
    > </form> </td></tr>
    > <tr>
    > <td align="left" valign="top"><p align="left">If other, please
    > state: </p></td>
    > <td align="left" valign="top">&nbsp;</td></tr>
    > <tr>
    > <td align="left" valign="top"><p align="left"></p></td>
    > </tr>
    > <tr>
    > <td align="left" valign="top"><div align="left"></div></td>
    > </tr>
    > </table>
    >

    Murray *TMM* Guest

  7. #7

    Default Re: Table Spacing

    the address is.

    [url]http://griffij76.tripod.com/[/url]
    griffij76 Guest

  8. #8

    Default Re: Table Spacing

    Try giving your table cells a CSS border of 1, e.g.,

    td { border:1px solid green; }

    and upload it so we can see where the expansion is.

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "griffij76" <webforumsusermacromedia.com> wrote in message
    news:dtkof9$r68$1forums.macromedia.com...
    > the address is.
    >
    > [url]http://griffij76.tripod.com/[/url]

    Murray *TMM* Guest

  9. #9

    Default Re: Table Spacing

    I have madee thoses changes thank you
    griffij76 Guest

  10. #10

    Default Re: Table Spacing

    ROFL! Sometimes, you miss the forest for the trees.

    Each field is in a separate form. That's not going to work. You need a
    SINGLE form on the page wrapping that table.

    <form id="form9" name="form9" method="post" action="">
    </form>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <table width="404" border="1" align="center" cellpadding="0"
    cellspacing="0">
    <tbody>
    <tr>
    <td width="148" align="left" valign="top"
    bordercolor="#669933"><p align="left">First Name<font
    color="#ff0000">*</font>: </p></td>
    <td width="244" align="left" valign="top"
    bordercolor="#669933"><form id="form1" name="form1" method="post" action="">
    <input type="text" name="textfield" />
    </form> </td>
    </tr>
    <tr>
    <td align="left" valign="top" bordercolor="#669933"><p
    align="left">Last Name<font color="#ff0000">*</font>: </p></td>
    <td align="left" valign="top" bordercolor="#669933"><form
    id="form2" name="form2" method="post" action="">
    <input type="text" name="textfield2" />
    </form> </td></tr>
    <tr>


    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "griffij76" <webforumsusermacromedia.com> wrote in message
    news:dtl0ee$9j1$1forums.macromedia.com...
    >I have madee thoses changes thank you

    Murray *TMM* Guest

Similar Threads

  1. Help with table spacing
    By meepmoopmeep in forum Macromedia Dynamic HTML
    Replies: 4
    Last Post: June 18th, 05:16 PM
  2. Spacing
    By jplanet59 in forum Macromedia Contribute General Discussion
    Replies: 3
    Last Post: March 23rd, 09:03 PM
  3. Spacing Fun
    By ATN-Daxter in forum Macromedia Contribute General Discussion
    Replies: 0
    Last Post: June 3rd, 06:18 PM
  4. Replies: 2
    Last Post: August 12th, 07:55 AM
  5. Row spacing
    By Deon H in forum Macromedia Dreamweaver
    Replies: 1
    Last Post: July 9th, 12:49 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139