Forum Home
Press F1
 
Thread ID: 71807 2006-08-17 16:39:00 Get rid of gaps in HTML tables. Brain_Cell_Anon (261) Press F1
Post ID Timestamp Content User
479024 2006-08-17 16:39:00 Hi there!
I'm trying to put a large photo cut in to twelve pieces, displayed in a table, so that the big photo is displayed as one large one, not twelve small ones. I'd really like to do it with an HTML table ( <table><tr><td></td>etc etc<td></td></tr></table>) rather than with any other method (ieg flash or dumbing down the quality of the photo or one BIG photo etc) as I would like the photo(s) displayed by as many and as varied browsers as poss. And a simple table with no plugins needed, JavaScript or any other coding needing possible downloads etc. would seem to be the choice.

And now the issue.....

When I try <table border="1"> (as I do just to see the table working with the photos in it) there is of course a gap between the smaller photos. But even with <table border="0"> there still remains a small gap.

SO.... how do I get round that and get the nine smaller photos touching so that it looks like one big photo? Rememeemeber! The simpler it is, I may even understand it!?!!?! :groan:

many regards,

The Cell :D

BTW All you pervs out there, no it's not porn! :blush: It's a large wedding photo that I'd like to bung up on my website so that people from my 'far and wide' family can view it. And as I don't know ALL thier browsers.......
Brain_Cell_Anon (261)
479025 2006-08-17 19:58:00 cell spacing and cell padding need to be set to 0 :)

I think some programs can automaticaly slice up a pic and create the code at the same time .

You could use CSS to put the picture at the back of your page behind your text, then it can download in its own time while people read the page .

Its only a few lines of code .

Look here
. w3schools . com/css/css_examples . asp" target="_blank">www . w3schools . com

. w3schools . com/css/tryit . asp?filename=trycss_background-attachment" target="_blank">www . w3schools . com

. microsoft . com/library/default . asp?url=/workshop/author/dhtml/reference/properties/background_0 . asp" target="_blank">msdn . microsoft . com
(These are not the best )

If you fade it out it can be placed absolutly in the same position on the screen when you scroll the page as well .
netchicken (4843)
1