473,385 Members | 1,325 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,385 software developers and data experts.

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

riccom
8
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
Apr 7 '07 #1
4 1747
drhowarddrfine
7,435 Expert 4TB
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.
Apr 7 '07 #2
riccom
8
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?

[IMG]layout.gif[/IMG]

Many thanks and have a great weekend.

ricco-m
Apr 7 '07 #3
drhowarddrfine
7,435 Expert 4TB
I didn't realize you were asking someone to code it for you. Most of us don't have time to do that.
Apr 7 '07 #4
riccom
8
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
Apr 8 '07 #5

Sign in to post your reply or Sign up for a free account.

Similar topics

17
by: Torbjørn Pettersen | last post by:
I've got a table where I want some of the cells to use a background image. The cells have variable height, so I am using an image with a rather small height to fill up the background of the cells,...
4
by: Mimo Zus | last post by:
I'm hoping that someone can explain what's going on; better yet provide a workaround. I'm designing a centered CSS site based on a 550 pixel wide vertical background image. Onto this background...
5
by: Doug Laidlaw | last post by:
HTML validators say that "background" is not a valid attribute for a <td> tag I want to set an image as the background for one cell only, and to have the cell content on top of it. If I can't...
13
by: Giggle Girl | last post by:
Hi there, I need to use a background image in a TR that does NOT restart everytime it hits a TD. Can it be done? Specifically, if you set a background image for an entier table, now mater how...
14
by: Schraalhans Keukenmeester | last post by:
I am building a default sheet for my linux-related pages. Since many linux users still rely on/prefer viewing textmode and unstyled content I try to stick to the correct html tags to pertain good...
3
by: susibabe | last post by:
I have a website that I am working on the layout.... www.sngao.com/Joomla I tried to use a table with four rows, * 1st row - banner * 2nd row - also banner image * 3nd row - has...
4
by: Philipp Kraus | last post by:
Hi, I have one problem with my position of my background image. I have created one div-tag that has a background image, which should be fixed during scrolling. On the left side of the div is my...
3
by: akapsycho | last post by:
I'm not sure if this is possible, but I thought that my best shot would be to ask here. My site's coming along well at http://www.antiriddle.com and I'm trying to improve on the current design....
16
by: stevedude | last post by:
CSS newbie again. I have a problem trying to get coffee mug images within anchor tags to center with my link text for a vertical list menu. If I use the horizontal/vertical properties of...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.