4 Replies Latest reply on Sep 16, 2008 4:58 AM by Newsgroup_User

    How to get rid of unwanted space in between tables

    Kalokiari
      I'm creating a site but I keep getting a tiny bit of space between the top banner image (which is in it's own table) and the table below it (among other places as you can see on this page and most of the others: http://www.roemerinteriordesign.com/NEWabout.html ) and it's pissing me off. I've tried everything! - Changing the color of the table BGs, nesting tables, aligning in different ways. Please help.
        • 1. Re: How to get rid of unwanted space in between tables
          Ben M Adobe Community Professional
          One of two things should fix your problem:

          1 - Add a break between the tables instead of just having the table tags with no separator

          2 - Use CSS to define the top-margin to 0 for the bottom table.

          Also you should not be using P tags to move your table down from the top of the page. You should be using CSS to define a margin for your page. Also you will want to run your page through the validator to ensure compatibility with different browsers:

          http://validator.w3.org/ - Validator Website
          http://www.w3schools.com/css/ - Good CSS tutorial
          • 2. Re: How to get rid of unwanted space in between tables
            Level 7
            > 1 - Add a break between the tables instead of just having the table tags
            > with
            > no separator

            That would *add* space, not remove it.

            The most important fix would be to FIX THE SYNTAX -

            <table width="680" height="103" border="0" align="center" cellpadding="0">

            (add cellspacing="0")

            <tr>
            <td width="398" c>

            (what's that "c" doing there?)

            <img src="images/banner_about.gif" width="680" height="99" border="0"
            align="bottom" hspace="0" and vspace"0" />
            ------------------------------------^^^

            ("and"???? - replace that invalid word with a space)

            </td>
            </tr>
            </table>
            <table width="680" border="0" align="center" cellpadding="10" hspace="0" and
            vspace"0" >

            (again, add cellspacing="0", and replace "and" with a space)

            --
            Murray --- ICQ 71997575
            Adobe Community Expert
            (If you *MUST* email me, don't LAUGH when you do so!)
            ==================
            http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
            http://www.dwfaq.com - DW FAQs, Tutorials & Resources
            ==================


            "SnakEyez02" <webforumsuser@macromedia.com> wrote in message
            news:gajs70$ckr$1@forums.macromedia.com...
            > One of two things should fix your problem:
            >
            > 1 - Add a break between the tables instead of just having the table tags
            > with
            > no separator
            >
            > 2 - Use CSS to define the top-margin to 0 for the bottom table.
            >
            > Also you should not be using P tags to move your table down from the top
            > of
            > the page. You should be using CSS to define a margin for your page. Also
            > you
            > will want to run your page through the validator to ensure compatibility
            > with
            > different browsers:
            >
            > http://validator.w3.org/ - Validator Website
            > http://www.w3schools.com/css/ - Good CSS tutorial
            >
            >

            • 3. How to get rid of unwanted space in between tables
              Kalokiari Level 1
              YESSSS!!!! The white lines are gone now!!!! I added cellspacing="0" and that fixed the vertical line and then the horizontal line disappeared when I deleted the defined height bit.

              I think that weird syntax was from me trying to fix it earlier and adding and deleting things. Oops.

              Thanks for your help and that CSS website is pretty good! I want to learn more about that soon.
              • 4. Re: How to get rid of unwanted space in between tables
                Level 7
                Your first stop for layout problems should always be the W3 validator -

                http://validator.w3.org

                --
                Murray --- ICQ 71997575
                Adobe Community Expert
                (If you *MUST* email me, don't LAUGH when you do so!)
                ==================
                http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                ==================


                "Kalokiari" <webforumsuser@macromedia.com> wrote in message
                news:gan1ci$f$1@forums.macromedia.com...
                > YESSSS!!!!