Jump to content

Recommended Posts

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 post
Share on other sites

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 post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...