Problem Viewing CSS in CGI

[banzai565]

Hello,

I am currently making a site for a customer at http://www.pencilclassics.co.uk and when i go through to place a test order however for some reason on two of the pages the background CSS and others are not viewing correctly and am unable to find where the problem is!

Also if i use the NTQVR for the View Cart just takes me back to the /acatalog page and have tried hard coding the link but still no luck and was at one point trying to open up the page and saying that the NTQVR cannot be opened in this browser this was in Firefox and also I.E.

If there are parts which you aint sure what i mean about then I will try to explain these further. Any help will be appreciated.

Thanks

Simon

[banzai565]

Does any body have any ideas?This has really been bugging me and unable to find the problem any where!Especially since If there isnt a product added to the catalogue then the background shows on the that page however if i add something to the catalogue and start to proceed through the order pages the background does not show up!

Any ideas are much appreciated

Thanks again

Simon

[fergusw]

HI Simon,

A quick comparison of the page with a background image and the checkout page without the background image shows that the background images being called are different

On the page with the background image it is

http://www.pencilclassics.co.uk/acatalog/images/BGG.gif

On the page without the background showing (checkout page) it is

http://www.pencilclassics.co.uk/acatalog/background1.gif

This would mean that perhaps the checkout template is utilising a slightly different SRC for the background image.

Another reason may be because of the http://www.pencilclassics.co.uk/acatalog/MAINCSS.css is referencing background images in a sub folder 'images' on the server. Actinic tries to keep all images in the acatalog folder level, and perhaps the cgi script is not happy with this- a simple test would be to move the images into acatalog folder and reference them there......

[fergusw]

hmmmmmmm......

I think my previous post may be misleading. I will invesitgate a little further and see if I can come up with a more precise answer for you.

[fergusw]

Ok Simon,
Here goes.

In your checkout template you are actually calling 3 style sheets in the following order

actinic.css
MAINCSS.css
actinic.css

In yout actinic.css you are declaring a background image to the body selector

/*body specific*/

body{

background-image:url(background1.gif);

margin-top:0px;

margin-right:0px;

margin-bottom:0px;

margin-left:0px;

}

In MAINCSS.css you again declare a different background image to your body selector

/* PENCIL CLASSICS MAIN CSS SHEET */
body {
	padding: 0px;
	margin: 0px;
	background-image:url(images/BGG.gif);
	height:598px;
	width:1002px;
}

then, since CSS works through assinging styles based on the order they appear in, the second actinic.css stylesheet reference changes the background image for the body selector BACK to background1.gif.

This is why you see the difference between these pages.

In the source code on your checkout page I found the second actinic.css declaration here

 <br><br> <link href="actinic.css" rel="stylesheet" type="text/css" /><P><SPAN CLASS="actxsmall">

If you remove this second reference from your checkout templates then it should resolve the problem.

Note: You should only really define the styles for a selector once in your stylesheets to avoid these kinds of conflicts.

Note2: In your normal store pages you reference your MAINCSS.css file twice in the following order

actinic.css
MAINCSS.css
MAINCSS.css

This does, however, not give the same problem as the checkout pages.

I hope this helps.


On the subject of the CHECKOUT link not working on your 'home' page.

This is because in the HTML it is referencing

netquotevar:NAVBCHECKOUTLINK

instead of the

http://www.pencilclassics.co.uk/cgi-bin/os000020.pl?ACTION=Start

It looks to me as if you have manually uploaded your Act Primary template instead of allowing actinic to generate this page for you.

[banzai565]

Hello,

Sorry I never got back on friday or over the weekend I have had a chance this morning and were able to get the problem solved with the advice which you had given me and seems to be working fine,

Thanks for you help much appreciated

Thanks

Simon