rjapz
March 3, 2010, 7:23pm
1
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
PaulOB
March 3, 2010, 7:43pm
2
Hi,
Try removing the whitespace that you have placed after the image and before the closing td :
<td colspan="2"><img src="images/dialy-cash-header.jpg" alt="" height="247" width="792" /> </td>
e.g.
<td colspan="2"><img src="images/dialy-cash-header.jpg" alt="" height="247" [B]width="792" /></td>[/B]
Do that for all those images because the whitespace will cause a gap.
Then add this code also to the css:
img{vertical-align:top;}
rjapz
March 4, 2010, 3:34am
3
Hi,
Try removing the whitespace that you have placed after the image and before the closing td :
<td colspan="2"><img src="images/dialy-cash-header.jpg" alt="" height="247" width="792" /> </td>
e.g.
<td colspan="2"><img src="images/dialy-cash-header.jpg" alt="" height="247" [B]width="792" /></td>[/B]
Do that for all those images because the whitespace will cause a gap.
Then add this code also to the css:
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.