eBay Shop Design – Playing with Nested Table Backgrounds

Lesson Three: Changing the backgrounds for the nested tables

Right now, let experiment to how many times we need to mention table, to get a coloured background in different sections! Try adding these snippets of code to your css file.


table
{
background:#C0C0C0;
}

Using table once just colours the entire background within your eBay shop, including outside your shop front. All the normal white background, all grey.


table table
{
background:#C0C0C0;
}

Using table twice, only fills the background of your eBay shop with colour, as well as the eBay header 🙁


table table table
{
background:#C0C0C0;
}

Ah! This now leaves out the eBay header, so just the shop elements are coloured. Nothing much happens for four ‘tables’ but with 5 mentions of table:


table table table table table
{
background:#C0C0C0;
}

the promotion boxes, shop page boxes and the background to the gallery is coloured.

Add a sixth table and only the promotion boxes are coloured.


table table table table table table
{
background:#C0C0C0;
}

Seven tables and only the top promotions boxes are coloured.


table table table table table table table
{
background:#C0C0C0;
}

That is as far as you can go!

The next post will be about centring your eBay shop and fixing the width to 800px.

Be Sociable, Share!

One Reply to “eBay Shop Design – Playing with Nested Table Backgrounds”

Comments are closed.