Convert a PSD file into a CSS/HTML layout
I have been reading a series of great articles from CSS How To where they demonstrate the process of converting a Photoshop file into a CSS layout. This type of tutorial may cover some stuff that you already know but it’s always interesting to see how other people tackle the same process. I usually find at least a couple of new ways of doing something.
In this case, in Part 3 of the series, CSS How To describe a useful background image placement technique using absolute positioning and negative margins. This allows for the side columns of the CSS layout to appear to have more than one background image assigned. Of course, this might not be necessary when multiple background images become a part of the next CSS specification and more widely supported... but for now, it looks like a great method.
Related Posts
Comments
Stunning CSS3: A Project-Based Guide: Use this book to work through a series of practical yet cutting-edge projects. Each chapter walks you through standalone exercises that you can integrate into projects you're working on, or use as inspiration.
» Buy from Amazon.com · Amazon.co.uk
We Like
ThemeForest sell a range of site templates from some fantastic designers. They also sell some great WordPress themes!
Online invoicing made easy with CurdBee!
» Sign up
Join SugarSync for online backup. Sync your files between Mac, PC and mobile phone. Get 5 GB FREE and up to 10 GB bonus space!
Featured Book
HTML5 and CSS3 for the Real World will show you how to create websites using these new methods.
This easy-to-follow guide covers everything you need to know to get started. You’ll master the new semantic markup available in HTML5, as well as how to use CSS3 without sacrificing clean markup or resorting to complex workarounds. Buy the Book! · FREE Chapters
