Does your site run on Perch CMS? Hire me to help. Perch CMS Development

Convert a PSD file into a CSS/HTML layout

Posted on by Clive Walker in CSS

I wrote this post a while back. The content can still be relevant but the information I've linked to may not be available.

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.

Technorati :

Does your site run on Perch CMS? Hire me to help. Perch CMS Development

Comments are OFF for this post.

© 2024 Clive Walker