TUTORIAL: Using seamless tiles with CSS: Part One
Thursday, May 31st, 2007Wow… it’s been a while since I have revisited using seamless tiles, and for those of you looking for a sequel to my “Basics of creating seamless tiles” tutorial, I apologize for the delay.
In writing this, I realized just how much it takes to describe how to do it right, so I decided to break it into a 2 part tutorial.
What we are going to do with these tutorials is combine a seamless tile with a little bit of CSS to create the core of a site template with low bandwidth (because we are using the same image over and over) but high impact. I use pure CSS (no tables for layout) for all of the web work that I do, as there are tons of reasons why. Cleaner code, faster loading, and proper loading of the page in blocks down the screen. There are rumors that it even improves search ranks, as the engines dont have to parse through extra <table> <td> and <tr> tags to get to the content, but from what my SEO colleagues tell me, this is totally unfounded.
If you’d like to do some reading up on using pure CSS for layout, head over here: GLISH or W3SCHOOLS
Okay… so you’ve got your seamless tile that we created in the previous tutorial, right? I’ve got mine! 
Loading ...