3 replies [Last post]
enigm4_
Offline
Regular
Western Australia
Last seen: 11 years 40 weeks ago
Western Australia
Joined: 2004-10-14
Posts: 24
Points: 0

Is it possible to put two non-repeating backgrounds in a single cell of a table.

i.e. one is glued to the top, the other the bottom and a bg-color filling the rest.

I wanted to code the website using only DIV's and CSS but can't work it out...anyonek now a good tutorial?

Anywho, on the problem, is it possible.

TA

zappe84
Offline
Regular
Colorado, US
Last seen: 15 years 5 weeks ago
Colorado, US
Joined: 2004-10-12
Posts: 15
Points: 0

2 Backgrounds in a single cell.

What you want to do is nest two divs. Set the background on the outter div to be the image that you want to be on the lowest level, and then use the inner div's backgroud to have the image that you want. Also if you want to apply your background to the whole page, you can redefine your body tag.

If you are serious about CSS, I highly recomend "Eric Meyer on CSS" which is a book written by the industry leader in CSS. I'm sure you could find it on Amazon for about $20.

As far as online resources go, Jeffery Zeldman provides an extensive list of sites at http://www.zeldman.com/externals and you can also find documentation at http://www.alistapart.com

If you have any additional questions, you can feel free to ask me.

-t
www.tzappe.com

Life is short....Live it up.

www.tzappe.com

chris_sw
Offline
Enthusiast
Leeds, UK
Last seen: 15 years 8 weeks ago
Leeds, UK
Joined: 2004-09-21
Posts: 115
Points: 0

2 Backgrounds in a single cell.

For tutorials, there is also the useful links section of this site: http://www.csscreator.com/links/linkspage.php Laughing out loud

enigm4_
Offline
Regular
Western Australia
Last seen: 11 years 40 weeks ago
Western Australia
Joined: 2004-10-14
Posts: 24
Points: 0

2 Backgrounds in a single cell.

zappe84 wrote:
What you want to do is nest two divs. Set the background on the outter div to be the image that you want to be on the lowest level, and then use the inner div's backgroud to have the image that you want. Also if you want to apply your background to the whole page, you can redefine your body tag.

If you are serious about CSS, I highly recomend "Eric Meyer on CSS" which is a book written by the industry leader in CSS. I'm sure you could find it on Amazon for about $20.

As far as online resources go, Jeffery Zeldman provides an extensive list of sites at http://www.zeldman.com/externals and you can also find documentation at http://www.alistapart.com

If you have any additional questions, you can feel free to ask me.

-t
www.tzappe.com

If I use the DIV's, how do I make the text sit on top of them all? Or will that be automatic? A snippet of code perhaps for one cell?

Thanks
~Chris