A Web Design Community curated by Chris Coyier

#2: Converting a Photoshop Mockup (part 2 of 3)

By: Chris Coyier on: 11/12/2008 with 2 Comments

In part two of this series on converting a Photoshop mockup to an HTML/CSS Website I continue on with the header/menu section of the site. I change the way in which the site is centered when I decide to wrap the entire site in a page-wrap div instead of centering each major page element. Then I plug in some “filler” content for the main area before I end with building the footer.

Running time: 17 minutes

Direct Download: High Quality, Quicktime .M4V Format (AppleTV Ready)

In this series:

Get the Flash Player to see this player.

2 Responses

  1. Flavio says:

    great ,im learning a lot with that

  2. Kudzai says:

    Excellent!

This comment thread is closed. If you have important information to share, you can always contact me.

* This website may or may not contain any actual CSS or Tricks.