FRIHOSTFORUMSFAQTOSBLOGSDIRECTORY
You are invited to Log in or Register a Frihost Account!

Gap between tables

 


coreymanshack
Why is there a gap in between the left image and the center contents? Does anyone know how to fix this?
CrimsonStrange
Well, uh... you're gonna have to be a little more specific.

Are you talking about the way the Forum pages look, the way an HTML page on your website looks, or something else entirely?

I'm assuming you're referring to this bit of code for a table:

<table cellspacing="0" cellpadding="0">cells, cells, etc...</table>

For a quick & dirty fix to get things close together - try aligning the left cell to the right, while aligning the neighboring right cell to the left.
It's not a particularly proper fix, but it'll get things close together and eliminate some unwanted space.
coreymanshack
coreymanshack wrote:
Why is there a gap in between the left image and the center contents? Does anyone know how to fix this?



awww man I could've sworn i posted the link Sad hold on...

http://www.php-gamers.com/test/
Kaneda
coreymanshack wrote:
coreymanshack wrote:
Why is there a gap in between the left image and the center contents? Does anyone know how to fix this?



awww man I could've sworn i posted the link Sad hold on...

http://www.php-gamers.com/test/


You have
Code:
<td width="100px" height="630px" valign="bottom">


... but the peice1.jpg image isn't 100 pixels wide, it's 97. So there'll be 3 pixels of gap between the image and the next table column.
kv
That is because of the difference in width specified in html and width of the image. Here is the code which works.

Code:

<html>

<head>

<style type="text/css">
body{
background-color:black;
margin: 0px;
}
</style>
</head>
<body>
<table border="0" cellpadding="0px" cellspacing="0px" class=gridtable>
<tr>
<td height="630px" valign="bottom">
<img src="http://www.php-gamers.com/images/peice1.jpg">
</td>
<td height="630px">
<table height="650px" cellpadding="0px" cellspacing="0px" border="0" class=gridtable>
<tr>
<td valign="top"><img src="http://www.php-gamers.com/images/peice4.jpg"></td>
</tr>
<tr>
<td valign="bottom"><img src="http://www.php-gamers.com/images/peice3.jpg"></td>
</tr>
</table>
</td>
<td height="630px" valign="bottom">
<img src="http://www.php-gamers.com/images/peice2.jpg">
</td>
</tr>
</table>
</body>
</html>
coreymanshack
o ok thank you guys for the help! i should've seen that! Smile
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.