stuck on Background images..

[Guest]

With a litte assistance from this forum, i have managed to get

a background image setup in the center of most of the catalog pages

- with any fields in front of them made to be transparent.

 

 

However, a number of pages are still proving a bit stubborn.

 

1.

create_account.php

account.php

account_edit.php

 

- The above have the background image but the fields in front of them

are white - and no matter what i do in css, i cant seem to make them

transparent.

 

 

2.

 

The product pages do not have the background image at all - how do i

put this in place?

 

 

 

Your comments & suggestions will be much appreciated as always.

[Guest]

Those are all SSL pages !!!!

[Guest]

Forgive my ignorance horse, but surely i can customise them before i convert them to https/ssl?

Or are you saying that there is a different way of customising them because they are ssl pages?

 

I would be grateful if you could elaborate further.

 

I running this whole thing on a testing server at the moment...had hoped to get everything else squared away before looking at the ssl aspect.

[Guest]

The code on SSL pages to my knowledge is set to prevent such things as view code, etc. thus I belive that is your problem, not the ssl itself

[Guest]

Does your create_account.php look like this? Or are the big blue boxes gone, just leaving the input boxes? If so, add

background-color: transparent;

to the CHECKBOX, INPUT, RADIO, SELECT definition in stylesheet.css.

 

Good luck,

Matt

[Guest]

I implemented a background image with the following in stylesheet.css (I think that I added the -color to background and the image line to the original definition), which gives me a background image on all pages:

BODY {

 background-color: #ffffff;

 background-image: url("images/background.png");

 color: #000000;

 margin: 0px;

}

Is this how DreamWeaver did it? Or did it do it another way?

 

Hth,

Matt

[Guest]

Thanks for posting again horseonetwo & Matt.

 

The code on SSL pages to my knowledge is set to prevent such things as view code, etc. thus I belive that is your problem, not the ssl itself

 

 

Ok, well these three ( create_account.php/account.php/account_edit.php) are viewable unless your saying that im not seeing ALL of the code for each file? As regards the product pages, i have no concept as to where to go to edit these anyway..

 

******

the create_account.php does look like the example that you supplied...i still have the boxes with white background in front of my background image.

 

In answer to your question, i didnt actually add the background image to the stylesheet - i have added it manually to files. The only files i cant figure out how to add it to are the actual product pages.

 

I know that it would be probably better practice to do this through the stylesheet, but i am as yet uncomfortable with working with stylesheets ..hence, i workaround..

 

If we take that first 'box' in the create_account.php file, how is that box refered to in the code? it must have a name or reference of some sort?

[Guest]

Well, i've found a solution to one of the two issues that i had. Continued to mess around with it and found that product_info.php is more or less the template or backdrop that is combined with each particular product (& its related info) found in the database.

 

 

Now, i still havent found a solution to making those pages with fields in front of my background image in the centre of the page transparent.

 

 

Open to any suggested solutions or troubleshooting routines that may spring to mind :idea:

[Guest]

I know that it would be probably better practice to do this through the stylesheet, but i am as yet uncomfortable with working with stylesheets ..hence, i workaround..

I think that you would find it easier in the long term to do this in the stylesheet. If you get the stylesheet working, then it will fix it everywhere that the stylesheet is used. Manual changes require you to individually test each page. In other words, I think that you will find it less work to learn stylesheets than to work around them.

 

JMO,

Matt

[Guest]

I know your 100% right in what you say, but what ive been trying to achieve is getting this site firstly up and running at an 'acceptable' level. Then to take the time out to focus on a number of areas that im weak on ...and that includes stylesheets. Then going back and tweaking the site or rebuilding it if necessary.

 

 

But even if i invest the time right now into looking into stylesheets and getting used to using them, i'm still left with this particular problem to sort out either way...

[Guest]

Well, I'm not sure exactly how to do it without the stylesheet, but here are the two lines where you need to make the background-color transparent:

        <td><table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox">

         <tr class="infoBoxContents">

Hth,

Matt

[Guest]

If you install a full version of mozilla, maybe netscape I don't know for sure.

It includes a 'document inspedtor'. It lets you click on an element in the page and shows you all the style rules that apply to this element and what the result of all applied styles is after they are all processed.

 

This is a very useful tool when you're wondering why your stylesheet is misbehaving.

 

 

Regards,

Rob

[Guest]

Sorted!

 

Well, i must have been blind! I changed TABLE.formArea { - adding the line background-color: transparent;

and that was it.

No more problems....background is clearly visible without form fields getting in the way.

 

 

Thanks for that tip Rob - i have netscape installed so i'm going to check that out a little later tonight.

 

Thanks also to Matt for your input on this one. Appreciate it m8. :D