ricardojosesanchez Posted November 12, 2007 Share Posted November 12, 2007 Link to comment Share on other sites More sharing options...
jlhaslip Posted November 13, 2007 Share Posted November 13, 2007 We need some code to figure it out.Please post the code you are working with, or is that the issue? You don't have any code... Link to comment Share on other sites More sharing options...
justsomeguy Posted November 13, 2007 Share Posted November 13, 2007 You need to break up the image into pieces that you can reassemble on the page in containers. The top banner might be one image, the borders on the sides would each be images, etc. The part in the middle can be an empty container where you can put whatever you want.Since everything is centered horizontally you can just use some divs that stack on top of each other to hold everything. <div style="width: 800px; margin: 0 auto;"><img src="header.jpg"></div><div style="width: 800px; margin: 0 auto;">Bottom nav menu</div><div style="width: 800px; margin: 0 auto;">Content</div> Link to comment Share on other sites More sharing options...
mistergalarza Posted November 14, 2007 Share Posted November 14, 2007 Consider trimming the borders so all the "white space" (empty) is left out to optimize loading times. Also, you should cut out the center white area. Since it's only white - then there's no use in making an image out of it when you could fill it in with an element container that could hold your content with the same white BG. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.