Connecting Tech Pros Worldwide Help | Site Map

Background image within a wrapper...Is this a valid layout?

riccom's Avatar
Newbie
 
Join Date: Apr 2007
Location: Canada
Posts: 8
#1: Apr 7 '07
Hi out there,

I just joined the group so this is my first time submitting a question to you out there. I am relatively new to CSS and web design. Be patient with me. I may just ask some silly questions. So here goes. Is it possible to use an image for a background centered within a wrapper? I would like to slice this image into 3 sections. A top, middle and bottom. The top will be used for header and navigation, the middle will contain my contents and the bottom my copyright. My navigation will have a rollover effect. Is this valid and how can it be accomplished? A reference to something similar would be appreciated.

Much thanks

ricco-m
drhowarddrfine's Avatar
Expert
 
Join Date: Sep 2006
Posts: 5,561
#2: Apr 7 '07

re: Background image within a wrapper...Is this a valid layout?


Slicing images is no longer necessary. You just create a div and set the 'background-image' in css to this image. You can then overlay the divs you mentioned on top of this but set the 'background-color' to transparent. I'm going to bed right now so I can't give any examples.
riccom's Avatar
Newbie
 
Join Date: Apr 2007
Location: Canada
Posts: 8
#3: Apr 7 '07

re: Background image within a wrapper...Is this a valid layout?


Quote:

Originally Posted by drhowarddrfine

Slicing images is no longer necessary. You just create a div and set the 'background-image' in css to this image. You can then overlay the divs you mentioned on top of this but set the 'background-color' to transparent. I'm going to bed right now so I can't give any examples.

I thank you Sir for your response. Based on my limited knowledge I am using the middle slice (which is a fixed width) to expand the content if necessary. Since I am, I believe, beyond my capabilities, I would like to have the html markup and the CSS code for this layout. What would I need to submit to you to lay this out for me?



Many thanks and have a great weekend.

ricco-m
drhowarddrfine's Avatar
Expert
 
Join Date: Sep 2006
Posts: 5,561
#4: Apr 7 '07

re: Background image within a wrapper...Is this a valid layout?


I didn't realize you were asking someone to code it for you. Most of us don't have time to do that.
riccom's Avatar
Newbie
 
Join Date: Apr 2007
Location: Canada
Posts: 8
#5: Apr 8 '07

re: Background image within a wrapper...Is this a valid layout?


Quote:

Originally Posted by drhowarddrfine

I didn't realize you were asking someone to code it for you. Most of us don't have time to do that.

Thank you Sir.
I did not necessarily want some one to actually do the coding but rather to give me a reference, since I am new to this kind of networking. It would be very nice if they did do the coding. I could used that as a sample for further reference. A mere recommendation to a similar layout would be very helpful.

I am also an instructor. Part of my evaluation is to recognize where students are in their knowledge of a particular subject. I can then begin to address their particular needs.

ricco-m
Reply