SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Webpage template uneven

    Hello guys, I need your help. I built this site for my friends marketing business, and I created the template in photoshop, and sliced it with 2 images " header and footer".

    And my problem is, a slim gap between tables in the header and content, and the same with the footer. This happens in IE "IE8", here's the link to the CSS and webpage "https://docs.google.com/Doc?docid=0ASyRO4tqTjmCZGhqOXhqaDVfMTBkdHRmemtnYw&hl=en", so you can see what I mean. I appreciate it so much for the help.

    Thanx
    Robert

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Try removing the whitespace that you have placed after the image and before the closing td :

    Code:
    <td colspan="2"><img src="images/dialy-cash-header.jpg" alt="" height="247" width="792" /> </td>
    e.g.
    Code:
    <td colspan="2"><img src="images/dialy-cash-header.jpg" alt="" height="247" width="792" /></td>
    Do that for all those images because the whitespace will cause a gap.

    Then add this code also to the css:
    Code:
    img{vertical-align:top;}

  3. #3
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Hi,

    Try removing the whitespace that you have placed after the image and before the closing td :

    Code:
    <td colspan="2"><img src="images/dialy-cash-header.jpg" alt="" height="247" width="792" /> </td>
    e.g.
    Code:
    <td colspan="2"><img src="images/dialy-cash-header.jpg" alt="" height="247" width="792" /></td>
    Do that for all those images because the whitespace will cause a gap.

    Then add this code also to the css:
    Code:
    img{vertical-align:top;}

    Your the man, it worked, and the page looks great, you really know ur CSS,I can't thank you enough Paul.


Bookmarks

Posting Permissions

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