Anyone know why this table has spacing - Page 3

**Kayla** · February 5th, 2007, 11:32 PM

"The gap problem" - Ha!!

**Mykal** · February 6th, 2007, 6:24 AM

Quote:

Originally Posted by meephead

Personally I'd simply try to avoid using tables, go with a div and display the images in a block, or something along those lines.

Technically, you should use as little markup as possible. Going Div crazy is not efficient. Before creating a new div/id/class for something, try thinking of another HTML tag that you could use instead (e.g. H1-H6, UL, Code, Etc.). In this case, you could easily create an unordered list and have each list item have an image/link like that table does.

rdmsoft · February 6th, 2007, 12:55 PM

Images, Tables, and Mysterious Gaps

Quote:

Thanks to an obscure corner of the CSS specification, every design based on a precise layout of small images in table cells have become visual disasters just waiting to happen.

Fortunately there are fixes in there as well.

The Wicked Flea · February 6th, 2007, 9:00 PM

Well, I ran across this and started goofing off with making an unordered image list and trying to reproduce the problem so it is easier to avoid later. The simple answer is there is always either margin or padding around a block element. For instance, the "display: block;" which results in a larger, more visible break between images. The easiest way is to give a fixed width to the whole element, in my case an unordered list, and then mark the display as inline.

I was already aware of this border quirk to an HTML document -- not sure if it is dependent upon HTML 4.0.1, XHTML Trans, or XHTML Strict -- but I wanted to track it down a little more accurately. Here's my "sandbox" for you all to mess around with as you please. Nor do I care if anyone rips it off, considering it took less than twenty minutes total (mainly due to relocating my resources after a system overhaul).

February 5th, 2007, 11:32 PM	#19 (permalink)
Kayla Searcher Surpass Staff Joined in May 2003 Lives in Orlando 24,699 posts Gave thanks: 943 Thanked 806 times	"The gap problem" - Ha!! __________________ Follow Surpass on Twitter and Facebook Check out interesting finds on the Surpass Blog .... it's coming.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)