Customizing PC Content Areas

OK. I have the header.asp and footer.asp figured out perfectly. Very nice instructions from EI. The PC store integrates very nicely within my design.

here is a screenshot,

Edited by ColdDawg - 24-January-2009 at 12:35am

Hi Melanie & ColdDawg,
   The image border is from the following CSS :-

   #pcMain .pcShowProductImageH img {
           border: 1px solid #E1E1E1;

Just change the border to 0px.
ColdDawg, if you can, post a link or try Firefox with the Web Developer add-on which allows you to examine and even edit the CSS.

If you see a blue border around your images, that's in 99% of the cases due to the fact that "pcstorefront.css" is not loaded (or not loaded correctly) in your header.asp file.

Make sure that it is. The correct way to include the file is as follows (this should appear before the closing </head> tag.

<link type="text/css" rel="stylesheet" href="pcStorefront.css" />

Specifically this is the code that removes the blue border that otherwise images have when they link to another file or another page.

/* Remove the default border from images */        #pcMain img {         border: 0;     }

The code mentioned by Hamish above instead refers to the light grey border that is added to product images (regardless of whether they link to something or not) when - for example - products are shown horizontally in a category. It works as a thin frame that sorrounds the product image and that many people like (an interface element used quite frequently by e-commerce stores).

earlyimp wrote: If you see a blue border around your images, that's in 99% of the cases due to the fact that "pcstorefront.css" is not loaded (or not loaded correctly) in your header.asp file.