• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 259
  • Last Modified:

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:

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?
2 Solutions
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.
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...
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.
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

you can always have a background texture and then the page be in a div which has a background image as well.  
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 id=footer>footer image here</div>
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.
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

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now