Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Angry Space Around Images/Cells?

    Hi all, I'm new the forums and it looks like this is the place to get help from some experts so Here we go. Thanks in advance to anyone who can offer some help!!

    I've created a simple page as a sample to try my best to give you a good example to look at. I know this is something so simple that I am just missing somehow, but for the life of me I can't solve this issue I'm having.

    On the page, I basically have a table (with no border), 4 rows, 2 column layout. Each cell has one image inside it, and when viewed as a webpage, all of the images should match up or touch with no space between them (naturally). I've attached some screencaps as well to show the space I'm referring to, and I've also included the code so someone can remind me of my ignorance haha.

    PLEASE HELP!!

    screen caps:
    http://screencast.com/t/DYQtEtBwN (expanded tables mode to show the space better)
    http://screencast.com/t/q0BugMvtRlu8 (standard tables mode)
    http://screencast.com/t/7IksWRWs1 (the page viewed in a browser)

    HTML of the page:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Sample Page</title>
    
    </head>
    
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <div align="center">
    <table width="1000" border="0">
    <tr>
    <td colspan="2"><img src="images/header.jpg" width="1000" height="346"/><br /></td>
    </tr>
    <tr>
    <td colspan="2"><img src="images/oom_link01.jpg" width="1000" height="51" /></td>
    </tr>
    <tr>
    <td colspan="2"><img src="images/grd01.jpg" width="1000" height="26" /></td>
    </tr>
    <tr>
    <td width="263"><img src="images/img_left.jpg" width="263" height="378" /></td>
    <td width="733"></td>
    </tr>
    </table>
    </div>
    </body>
    </html>
    Last edited by VIPStephan; 11-19-2012 at 06:47 PM. Reason: added code BB tags

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,695
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    Besides the fact that the use of tables to create a page layout is not recommended read this: https://developer.mozilla.org/en/doc...ysterious_Gaps


  •  

    Posting Permissions

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