How to ReCreate sliced image using CSS Setup Slices as done last week Once finished, select File -> Save for Web & Devices Click on each individual slice and determine best format at smallest file size Default is Jpeg, 51% quality Try Png8 for flat colored sections Make all selections and Save: HTML and Images/Other/check Output XHTML /Encoding utf8 Next/select Generate Slices by ID Setup a new HTML by standard divs, get height and width of each section from the sections created in Photoshop Generate a background sample in Photoshop using line marguee tool (brown gradient) Use as background in wrapper, header, footer Insert images into appropriate divs
[Slices in image below are outlined in Red]