table has mysterious gaps (6 posts)

  1. sagetyrtle
    Posted 9 years ago #

    I created an answering machine image. I wanted the number of messages to blink. I divided the image up into 5 parts, animated the number of messages, and put the image back together using a table. It works beautifully here:

    view image

    When I tried to put this code in a WordPress page, there were big gaps. Here's a screenshot:

    <A HREF="http://www.quirkynomads.com/images/beep/wordpress.gif">view screenshot</A>

    The table is in one long line, *no* line breaks. I am *not* using the wysiwyg editor. The code looks like this:

    <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"><TR><TD COLSPAN="3"><IMG SRC="01top.jpg"></TD></TR><TR><TD><IMG SRC="02left.jpg"></TD><TD><IMG SRC="03anim.gif"></TD><TD><IMG SRC="04right.jpg"></TD></TR><TR><TD COLSPAN="3"><IMG SRC="05bottom.jpg"></TD></TR></TABLE>

    Any ideas as to what I'm doing wrong? Suggestions much appreciated.


  2. jabecker
    Posted 9 years ago #

    something in your CSS maybe?

  3. sagetyrtle
    Posted 9 years ago #

    It's possible - any pointers as to what to look for?

  4. sagetyrtle
    Posted 9 years ago #

    Okay - here's more info: it works in IE. But not in Firefox.

  5. ladynada
    Posted 9 years ago #

    I would like to know the answer to this also.

  6. DanGraves
    Posted 8 years ago #

    The h-tags can break designs unless you set them to margin 0px and padding 0px in your css; white space at the end of lines can also cause problems. I eliminated several gaps by addressing those issues, but admit I still cannot get my footer to snug up to the main content.

Topic Closed

This topic has been closed to new replies.

About this Topic