Blogs can be an inspiration to try many new things: not least, modern coding and table-free design. This site is intended to help you deal with these and other challenges facing today's commercial webmasters.
Using tables to code text-based TGP’s undermines a lot of the SEO potential edge these otherwise content-rich sites might have, by leaving them with a high code to content ratio. And if a little clever CSS isn’t used, they can also suffer from that familiar lag before the whole page pops into view. The advantages of going table-free are not as great for thumb-preview TGP’s, but as this article shows, the code for even a simple site can be reduced by 25%.
This is an attempt to produce a thumb-preview layout which is both search engine and surfer friendly. It inevitably becomes a hybrid in the process, but some elements can be retained even if you want thumbs only. And did you know that if you size images in em’s instead of pixels, your visitors can make them shrink or grow to suit their screen size and resolution?
Earlier articles have shown how to place thumbnails in a block without the use of tables, but all of them so far have used a single size of thumb. A visitor asked in the forum here how to include one large thumbnail in such a block. The solution - except for having to fix Explorer’s double-margin bug - is very easy.
