Please Help, gap problem

Discussion in 'HTML' started by Jeff, Jun 16, 2005.

  1. Jeff

    Jeff Guest

    Here is my problem, I can't seem to figure out how to eliminate the
    little gap between the right side of image /shop.jpg and the edge of the
    table. This is driving me nuts. Please Help me.
    Thank you.




    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>

    <head>
    <title>Shop</title>

    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
    </head>

    <body bgcolor="#000040">

    <table width="760" align=left cellpadding="0" cellspacing="0" border="0"
    bgcolor="white">

    <tr valign=top align=left>
    <td height="100" width="760"><img border="0" align=right alt=""
    src="images/shop.jpg" width="460" height="100"></td>
    </tr>

    <tr>
    <td>
    <table width="760" align=left cellpadding="0" cellspacing="0" border="0"
    bgcolor="white">
    <tr>
    <td align=left>
    <table width="120" border="1" cellspacing="0" cellpadding="0"
    bgcolor="black">

    <tr>
    <td align=center width="120" bgcolor="#000040"
    onMouseOut="this.style.background='#000040'"
    onClick="parent.location='index.html'"
    onMouseOver="this.style.background ='#12146a';
    this.style.cursor = 'hand'"><font
    color="#c0c0c0"><b>Home</b></font></td>
    </tr>

    <tr>
    <td align=center width="120" bgcolor="#000040"
    onMouseOut="this.style.background='#000040'"
    onClick="parent.location='images.php'"
    onMouseOver="this.style.background ='#12146a';
    this.style.cursor = 'hand'"><font
    color="#c0c0c0"><b>Services</b></font></td>
    </tr>

    <tr>
    <td align=center width="120" bgcolor="#000040"
    onMouseOut="this.style.background='#000040'"
    onClick="parent.location='images.php'"
    onMouseOver="this.style.background ='#12146a';
    this.style.cursor = 'hand'"><font
    color="#c0c0c0"><b>Bikes</b></font></td>
    </tr>

    <tr>
    <td align=center width="120" bgcolor="#000040"
    onMouseOut="this.style.background='#000040'"
    onClick="parent.location='help.php'"
    onMouseOver="this.style.background ='#12146a';
    this.style.cursor = 'hand'"><font
    color="#c0c0c0"><b>Skates</b></font></td>
    </tr>

    <tr>
    <td align=center width="120" bgcolor="#000040"
    onMouseOut="this.style.background='#000040'"
    onClick="parent.location='contact.php'"
    onMouseOver="this.style.background ='#12146a';
    this.style.cursor = 'hand'"><font color="#c0c0c0"><b>About
    Us</b></font></td>
    </tr>

    <tr>
    <td align="center" width="120" height="1500" bgcolor="#808080" </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </table>
    </body>
    </html>
    Jeff, Jun 16, 2005
    #1
    1. Advertising

  2. Jeff

    Mark Parnell Guest

    Previously in alt.discuss.html,alt.html,alt.html.tags, Jeff
    <> said:

    [Removed alt.discuss.html as it doesn't exist on my newsserver;
    followups set to alt.html]
    > Here is my problem, I can't seem to figure out how to eliminate the
    > little gap between the right side of image /shop.jpg and the edge of the
    > table.


    So you said earlier, and you still haven't provided a URL. :-(

    > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


    This a legacy document? If not, why aren't you using Strict? That
    doctype will trigger Quirks mode in most modern browsers, too.

    > <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">


    If the server isn't sending the content-type HTTP header, the server
    configuration needs to be fixed; a <meta> hack is not appropriate.

    Use a doctype that triggers Standards mode (preferably Strict), validate
    your code, then if the problem still occurs, post a URL. I'd also
    suggest you stop (ab)using tables for layout purposes.

    --
    Mark Parnell
    http://www.clarkecomputers.com.au
    alt.html FAQ :: http://html-faq.com/
    Mark Parnell, Jun 16, 2005
    #2
    1. Advertising

  3. Jeff

    Neredbojias Guest

    With neither quill nor qualm, Jeff quothed

    > Here is my problem, I can't seem to figure out how to eliminate the
    > little gap between the right side of image /shop.jpg and the edge of the
    > table. This is driving me nuts. Please Help me.
    > Thank you.


    Use css to set the font-size of the table to 0 and <font></font> tags to
    make any text visible.

    --
    Neredbojias
    Contrary to popular belief, it is believable.
    Neredbojias, Jun 20, 2005
    #3
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Wayfarer
    Replies:
    2
    Views:
    419
    Toby A Inkster
    Sep 30, 2003
  2. Nik Coughin

    Please, what is causing this gap?

    Nik Coughin, Dec 12, 2004, in forum: HTML
    Replies:
    8
    Views:
    384
    Nik Coughin
    Dec 12, 2004
  3. Shaun
    Replies:
    6
    Views:
    1,015
    Steve Pugh
    Feb 22, 2005
  4. chlori

    Gap in IE, no gap in FF

    chlori, Jan 19, 2006, in forum: HTML
    Replies:
    1
    Views:
    446
    kchayka
    Jan 19, 2006
  5. KK
    Replies:
    2
    Views:
    546
    Big Brian
    Oct 14, 2003
Loading...

Share This Page