As you can see here- http://www.moraelin.co.uk/ I am having a problem with unwanted spaces between my rows.
Could someone tell me where I'm going wrong as I cant seem to get rid of them.
Here is the page html.
<body bgcolor=#000000 leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
<table width="569" height="540" border="0" align="center">
<tr>
<td><img src="1.jpg" width="569" height="416" /></td>
</tr>
<tr>
<td><img src="2.jpg" /><img src="3.jpg" width="51" height="50" /><img src="4.jpg" width="50" height="50" /><img src="5.jpg" width="49" height="50" /><img src="6.jpg" width="53" height="50" /><img src="7.jpg" width="49" height="50" /><img src="8.jpg" width="54" height="50" /><img src="9.jpg" width="48" height="50" /><img src="10.jpg" width="44" height="50" /><img src="11.jpg" width="49" height="50" /><img src="12.jpg" width="67" height="50" /></td>
</tr>
<tr>
<td><img src="13.jpg" width="569" height="73" /></td>
</tr>
</table>
</body>
</html>
Full Version: Spaces between rows
Hi,
Think you just need to add cellspacing="0" to your <table> tag. and it will work fine.
Pooja
Think you just need to add cellspacing="0" to your <table> tag. and it will work fine.
Pooja
Thanks Poojak, it made the gap between the rows narrower. I also added cellpadding="0".
But there is still a space as you can see.
Maybe its my images that are slightly the wrong size???
Could someone also tell me how to have the table in the middle of my page rather than at the top?
But there is still a space as you can see.
Maybe its my images that are slightly the wrong size???
Could someone also tell me how to have the table in the middle of my page rather than at the top?
What browser do you see this in? I see no gap in IE6 and FF.
In IE7 I see a gap (just a thin black line) above the tv buttons.
Don't see it in IE7 either. Do you mean the 5 buttons down below?
Yes a thin line running along just above the 5 buttons in a row.
That sounds like the problem described in Eric Meyer's Images, Tables, and Mysterious Gaps.
Does IE7 display that behavior?
Is this what you mean?
Click to view attachment
I think it's in the image(s), maybe an effect of the pattern. I'm not good at seeing small things like this, but I don't think the line is continuous. I can't see it at the right side of the image.
Is this what you mean?
Click to view attachment
I think it's in the image(s), maybe an effect of the pattern. I'm not good at seeing small things like this, but I don't think the line is continuous. I can't see it at the right side of the image.
Funny, the line is exaggerated in the downsized image and much more obvious.
I was wrong. Changed the background color to red and the line became red, so it's a gap alraight. Can't make it go away though.
Ah! Remove the height attributes from TABLE and TD. 
Sidenote. I once set up a webcam in my kitchem to show off my kitten to friends. It was called P*ssy Cam.
*) The word sensor doesn't allow some synonyms to kitten.
Sidenote. I once set up a webcam in my kitchem to show off my kitten to friends. It was called P*ssy Cam.
*) The word sensor doesn't allow some synonyms to kitten.
Thank heavens I didn't have rooster too! 
QUOTE(pandy @ Sep 2 2008, 06:48 PM) 
Ah! Remove the height attributes from TABLE and TD.
Didn't it work?
Are you having a conversation with yourself, Pandy? 
No, I just want to know if the OP tried it and if it worked.
Sure, I understand that. But I couldn't help myself having fun over your monologue.
Thanks Pandy.
I removed the height value from the TABLE and the gap disappeared.
You're a star!!!
Was this a textbook error i made? Do TABLE lines not require height values?
I removed the height value from the TABLE and the gap disappeared.
You're a star!!!
Was this a textbook error i made? Do TABLE lines not require height values?
As you have no doubt guessed, I'm a novice. So thanks for taking the time ppl.
How do I get the table to sit at the bottom of the page rather than the top?
How do I get the table to sit at the bottom of the page rather than the top?
QUOTE(Moraelin @ Sep 3 2008, 10:47 PM)
Thanks Pandy.
I removed the height value from the TABLE and the gap disappeared.
You're a star!!!
Was this a textbook error i made? Do TABLE lines not require height values?
I don't know exactly what the error was. Probably a little miscalculation somewhere, maybe you made the table 1 pixel higher than the total height of its content. I didn't check.
No, tables and cells need neither height nor width unless you for some reason want to make them higher and wider than their content. Tables are like rubber ribbons. They expand to fit what they are filled with.
I see. 
Thanks again Pandy. 
Any help on the table q?
Thanks again Pandy. Any help on the table q?
QUOTE(Moraelin @ Sep 3 2008, 10:57 PM)
How do I get the table to sit at the bottom of the page rather than the top?
If the page is longer than the browser window, just put the table after the other content and it will normally show up at the end.
If the page is shorter than the browser window, you can either push the table down by putting it inside another 100% high table (and give the latter's bottom row cells VALIGN=BOTTOM), or use more or less complicated CSS tricks.
At the bottom or centered horizontally and vertically?
See http://www.w3.org/Style/Examples/007/center.html.
See http://www.w3.org/Style/Examples/007/center.html.
QUOTE(Christian J @ Sep 3 2008, 11:38 PM)
If the page is shorter than the browser window, you can either push the table down by putting it inside another 100% high table (and give the latter's bottom row cells VALIGN=BOTTOM).
I have tried this but can't get it to work. Could anyone knock up the code for me?
PS Here's my existing code if you can help.
<body bgcolor=#000000 leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
<table width="569" height="540" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td><img src="1.jpg" width="569" height="416" /></td>
</tr>
<tr>
<td><img src="2.jpg" /><img src="3.jpg" width="51" height="50" /><img src="4.jpg" width="50" height="50" /><img src="5.jpg" width="49" height="50" /><img src="6.jpg" width="53" height="50" /><img src="7.jpg" width="49" height="50" /><img src="8.jpg" width="54" height="50" /><img src="9.jpg" width="48" height="50" /><img src="10.jpg" width="44" height="50" /><img src="11.jpg" width="49" height="50" /><img src="12.jpg" width="67" height="50" /></td>
</tr>
<tr>
<td><img src="13.jpg" width="569" height="73" /></td>
</tr>
</table>
</body>
</html>
<body bgcolor=#000000 leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
<table width="569" height="540" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td><img src="1.jpg" width="569" height="416" /></td>
</tr>
<tr>
<td><img src="2.jpg" /><img src="3.jpg" width="51" height="50" /><img src="4.jpg" width="50" height="50" /><img src="5.jpg" width="49" height="50" /><img src="6.jpg" width="53" height="50" /><img src="7.jpg" width="49" height="50" /><img src="8.jpg" width="54" height="50" /><img src="9.jpg" width="48" height="50" /><img src="10.jpg" width="44" height="50" /><img src="11.jpg" width="49" height="50" /><img src="12.jpg" width="67" height="50" /></td>
</tr>
<tr>
<td><img src="13.jpg" width="569" height="73" /></td>
</tr>
</table>
</body>
</html>
Is what we see now all there's going to be on the page? You could use CSS positioning to glue it to the bottom. It might not be a good idea if you plan on adding more stuff.
Something like this.
Something like this.
HTML
<style type="text/css">
table { position: absolute; bottom: 0; left: 50%; margin-left: -285px }
</style>
table { position: absolute; bottom: 0; left: 50%; margin-left: -285px }
</style>
I've attached a jpeg of what it will (hopefully) look like.
So basically i want to keep the background black with my table(the TV) sitting on top of a background picture(the wallpaper).
So basically i want to keep the background black with my table(the TV) sitting on top of a background picture(the wallpaper).
Is the outer dark area supposed to be there too?
Yes, the wallpaper won't fill your browser window.
Its a fixed size surrounded by the dark background colour.
Its a fixed size surrounded by the dark background colour.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.