background image question

Client designed her own site.  Not good but she likes it and didn't want to pay me to design it so it is what I have to work with

See below link:
http://screencast.com/t/e2cQNbBEpm

She wants me to "make a website out of it".  

Would the best way be to have the header, coffee cup and footer a complete background image?   The copy for her site is very limited on all the pages.  I would have her bump the navigation out of the header and put it above the copy.  She also wants a texture background image outside the edges of the site.  Double yikes but then again.  I am not claiming this as my own so I have no say in it.  The gist of my question is would doing a background image be the best route to take and can I have a background image on the site (coffiee cup, header and footer) AND have a background texture?
nsitedesignsAsked:
Who is Participating?
 
GreggCommented:
Id like to see the bottom of the napkin not overlap the bottom image. if the napkin were to end in the whitepsace, you could set the entire top section + coffee mug/napkin as background image. And the white space can grow as needed for content. Then have the footer image as a background image of a footer div. Just one thought.
0
 
CCSOFlagCommented:
So the picture on your link is what she wants it to look like?

It depend son if the page is supposed to scale or not.  IF it isn't then the easiest thing to do it to make everything that isn't going to change the background image.  You could break the image up into separate pieces, but even then you have to change an image and upload it if there's a change.  I would have everything the background image except the menu and the text.  Those would be absolute positioned divs.

As far as textures, you can always add the texture to the background image itself...
0
 
nsitedesignsAuthor Commented:
Yeah I was thinking of that. Can she ALSO have a texture around the outside of the site?  She didn't want to have just a solid brown.
0
Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

 
CCSOFlagCommented:
you can always have a background texture and then the page be in a div which has a background image as well.  
0
 
HainKurtSr. System AnalystCommented:
looks like yes, something like this


<div id=top>top image and css menu here</div>

<div id=main>
  <div id=left>cofee image here</div>
  <div id=content>whuite background or texture here</div>
</div>

<div id=footer>footer image here</div>
0
 
CCSOFlagCommented:
I think you'll need to answer the question of whether or not the page is going to grow or not.  IT makes a big different.  You can always have the text scroll itself without making the page grow.  You have a lot of options.
0
 
Jason C. LevineNo oneCommented:
I would not even try to make that scale.  Slice the image using photoshop or illustrator and create a scrolling div to hold the content where needed.  Fix everything into position and call it a day.

Off-topic: Although I respect clients who come to me with a strong vision for their design, unless they are willing to meet me at least halfway on practical issues that come with the difference between creating an image of a page and an actual page I tend to not take the job.  There is nothing worse that being turned into the "interactive mouse" http://theoatmeal.com/comics/design_hell
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.