www.webdeveloper.com
Results 1 to 10 of 10

Thread: Problem With Table

  1. #1
    Join Date
    Feb 2006
    Posts
    18

    Problem With Table

    I'm trying to make both of the images here in my cody seem 'attatched' to the table, but they hover quite a bit of pixels over and below my table..

    Code:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <meta http-equiv="content-type" content="text/html; charset=windows-1250">
        <title>Title</title>
      </head>
      <body bgcolor="244566"> 
        <div align=center>
          <table width="500" height="800" cellpadding="0" cellspacing="0" border="0">
          <tr>
           <td>
            <img src="images/top.bmp">
           </td>
          </tr>
            <tr>
             <td bgcolor="#FFFFFF">
              <center>
               Text
              </center>
             </td>
            </tr>
            <tr>
             <td>
              <img src="images/bottom.bmp">
             </td>
            </tr>
          </table>
        </div>
      </body>
    </html>

  2. #2
    Join Date
    Apr 2003
    Location
    Rosemount, MN
    Posts
    2,287
    huh?

    Do you have an example?
    My settings

    Browser :: FireFox 1.5
    Resolution :: 1152x864
    Connection :: Cable Modem 2Mbs

  3. #3
    Join Date
    Feb 2006
    Posts
    18

  4. #4
    Join Date
    Apr 2003
    Location
    Rosemount, MN
    Posts
    2,287
    move height="800" to here:

    <td bgcolor="#FFFFFF" height="800">
    My settings

    Browser :: FireFox 1.5
    Resolution :: 1152x864
    Connection :: Cable Modem 2Mbs

  5. #5
    Join Date
    Feb 2006
    Posts
    18
    That helped somewhat. The border image still isn't lined up exactly with the table.

    This is what i'm getting:
    http://img475.imageshack.us/my.php?image=a2em.jpg
    This is what I want:
    http://img141.imageshack.us/my.php?image=b6ft.jpg
    Last edited by IronPegasus; 02-17-2006 at 10:46 PM.

  6. #6
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    Try display:block on those images if there seems to be extra space below them.
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

  7. #7
    Join Date
    Feb 2006
    Posts
    18
    I'm sorry, how do I do that?

  8. #8
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    <img style="display:block">...
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

  9. #9
    Join Date
    Oct 2005
    Location
    Gold Coast, Australia
    Posts
    2,115
    <img src="images/bottom.bmp" style="display:block">

    Please be aware that .bmp isn't a valid web graphic, you are restricted to JPEG, .gif and .png images.

  10. #10
    Join Date
    Feb 2006
    Posts
    18
    Ok. Thanks, that fixed the problem.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles