How do I add image borders to Centre Column Items?

**Simon H** · 24 Sep 2006, 05:37 PM

Help.

Still cannot figure out how to make the centre boxes look like the side boxes. I have made 2 new pictures, one for the left side and the base also one for the right side and the base, both are the same width as the top pictures to allow the box to change size if the window size is changed.

Where in the style sheet do i add the pictures to make it work correctly?

The places i have tried only add one picture, the left/bottom one but instead of displaying it round a box like new products it adds it round each picture in that box.

the site is http://systemh.co.uk/shop

If there is a genius out there who can help, please do. Ive been experimenting for a few days now and its giving me a mega headache

Regards,

Simon

**kobra** · 25 Sep 2006, 10:17 AM

Start by adding the red highlighted code at or about the indicated location:

Code:

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 98%;
	vertical-align: top;
	}

#indexDefault {
        border: 1px solid;
        color: #000000;
        }

This will place a border around the center content, if this is where you want the images...change the declarations to background-image etc as you have done for the side boxes.

**Simon H** · 25 Sep 2006, 03:55 PM

Tried it and it puts a border around the whole centre column.

What I would like is separate image borders around each box in the centre column such as new products, featured products etc.

Have you any idea how this can be done?

Regards,

Simon

**kobra** · 26 Sep 2006, 02:57 AM

As you are designing your site, I suggest that you get FireFox and the web developers tools as these will allow you to determine the class of the items that you need to add these borders to and much more as you progress.