Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Adding a background image to the whole site.


jpeiji

Recommended Posts

  • 4 months later...
  • Replies 68
  • Created
  • Last Reply

Hey.

 

I am trying to add a background to my whole page but no matter what i do it wont work

 

it orginal had this

 

BODY {background: #ffffff; color: #000000; margin: 0px;}

 

.infoBox {background: #cbc9c9;}

.infoBoxContents {background: #ffffff;font-family: Verdana, Arial, sans-serif; font-size: 10px;}

 

i added

 

BODY {

background:url(ground.jpg);

background-repeat : no-repeat;

background-position : 50% 50%;

background-attachment : fixed;

color : #000000;

margin : 0;

}

 

i added it with and without what was originally there but no luck? It wont work.

 

my site is http://qqfbotique.com/Boutique/

 

PLEASE PLEASE ANY HELP :o

 

here is my stylesheet

http://www.qqfbotique.com/Boutique/stylesheet.css

 

My dead line is friday :(

 

Thanks

Link to comment
Share on other sites

I TRIED PUTTING {background-image: url(images/ground.jpg);} THAT PIECE OF LINE GOOD EVRYWHERE IN MY STYLE SHEET I MEAN EVRYWHERE!!!!!!!

 

BUT NOPE MY BACKGROUND IS STILL WHITE

 

BUT LIKE ALOT OF OTHER STUFF CHANGED

 

BUT NOT MY BACKROUND PLEASE

I AM PULLING MY HAIR OUT AT THIS POINT

Link to comment
Share on other sites

If you either put the image in the right place, or used the correct image name it would help.

<_<

 

The image you are trying to use doesn't exist on the site:

 

http://qqfbotique.com/Boutique/images/ground.jpg

 

Click that.

:huh:

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

If you either put the image in the right place, or used the correct image name it would help.

<_<

 

The image you are trying to use doesn't exist on the site:

 

http://qqfbotique.com/Boutique/images/ground.jpg

 

Click that.

:huh:

 

 

Haha no i am working on it in my local host off xampp the image is there

 

iam not a to much of a newbie

but the image is definatly there

 

haha thanks though, u must of though oh what an idiot haha

Link to comment
Share on other sites

"idiot" didn't cross my mind.

 

"inexperienced" did.

 

If you put the image online I could possibly help.

 

As it is you're "flying solo".

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

  • 2 months later...

Hello All.

 

I'd really like to add a Flash background to the site. Does anyone know how to do this? I have Flash-enabled my site.

Or, I'd like to be able to have a different background for different sections of the site.

 

Thanks in advance.

--------------------------------------------------------------------------------------------------

Link to comment
Share on other sites

BODY {

background-image : url('images/osback.jpg');

background-repeat : repeat;

background-position : center;

 

background: #ffff99;

color: #000000;

margin: 0px;

}

 

 

If you have the above codes, the the background colour overides the background image. It may be simple stuff to you GENIUSES out there but I wasted an hour trying to work out why my background was not working.

 

JustJack is JustLearning.

Link to comment
Share on other sites

  • 2 weeks later...

I have done this, and I have my background image in place. However, the boxes named "Categories", "What's New", and the rest of these type of boxes do not show my bg image. Is there some code line(s) I need to change to affect these areas as well? If so, where are these lines, and what should they say?

Link to comment
Share on other sites

I have done this, and I have my background image in place. However, the boxes named "Categories", "What's New", and the rest of these type of boxes do not show my bg image. Is there some code line(s) I need to change to affect these areas as well? If so, where are these lines, and what should they say?

 

First make a backup of your stylesheet then

find the lines that look like:

 

background: #F8F8F9;

 

and delete them all.

That should get rid of that light-grey background color in those boxes you're talking about which should allow for the page background to show "through" the table.

Link to comment
Share on other sites

can anyone let me know the code to make my site move down the browser slightly so there is a slight gap at the top of page above the header

 

thank you very much

 

 

in your stylesheet.css file

add this to the BODY class:

 

margin-top: 20px;

 

 

or

replace the default store_logo.png with your own logo and in your logo, leave some "white space" at the top.

Link to comment
Share on other sites

  • 1 month later...
  • 1 month later...

just subscribing, adding this later.

The Site can be viewed at www.performanceautopartsonline.com

 

The site is live (despite these minor glitches) please respect that and do not sign up etc...

 

maybe a contribution one day when I get this site the way I want it.

 

I don't make spelling mistakes! I have dyslecsic fingers.

Link to comment
Share on other sites

  • 4 weeks later...

I am having a tough time changing my background picture. Here is what I got

 

BODY {

color:#999999;

margin:0;

background: url(images/template/bg_loop.png) repeat-x #000000;

text-align:center;

}

 

 

I can get the background to work but the text on the page gets dark and you cant read it.

 

Please help....

 

 

Jerry

Link to comment
Share on other sites

  • 3 weeks later...

I tried using the suggestions in thie post, but it's not quite what I am looking for. I want to change the background of the page that is outside of the shop. These changes change the area inside the shop as well. How can I just change the page area OUTSIDE of the shop's table?

 

Thanks.

Link to comment
Share on other sites

I want to change the background of the page that is outside of the shop

 

For background of html page outside of body use:

 

html {

background-image: url(image.jpg);
}

 

use repeat x or y...if you want it to repeat

Link to comment
Share on other sites

  • 2 weeks later...

I wonder if that possible to extend my header logo to the right by setting a background image which will fill in the rest of the header ! I know that would be in in css and thats what I did but it didn't work with me :

 

 

TD.headerInfo {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: #00ff00;

background-image : url(/images/skater-discount-banner-bg.jpg);

color: #ffffff;

font-weight: bold;

text-align: center;

 

Please help !skater-discount-banner.jpg

Link to comment
Share on other sites

For background of html page outside of body use:

 

html {

background-image: url(image.jpg);
}

 

use repeat x or y...if you want it to repeat

 

Where do I find the file to add the above code?

Or should it be placed in the style sheet?

--------------------------------------------------------------------------------------------------

Link to comment
Share on other sites

  • 1 month later...

I there a way to put a second background over the main background? <_<

 

example: Main background image is a shaded 6x2500px 17kb file and having a secondary .png file over the main background?

As seen on this site Webafrica

"I have no special talent. I am only passionately curious"

- Albert Einstein

Link to comment
Share on other sites

I there a way to put a second background over the main background?

Div tags can be layered with styles for background and body elements, using position:absolute, position:relative, or position:fixed, and a z-index stack order

z-index:1;

z-index:2;

z-index:3; ....etc.

Similar to the older layer tags, Google 'css z-index' for more information / examples..

Link to comment
Share on other sites

  • 3 months later...
  • 3 months later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...