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

Posted in Graphics, Web Technologies on July 05, 2008


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

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.

Watch Video Watch Video Watch Video on External Site

Tags: Design, HTML, CSS, CSS-Tricks