Jump to content


Corporate Sponsors


Latest News: (loading..)

- - - - -

Background Image Problem


4 replies to this topic

#1 halluzineyt

  • Community Member
  • 184 posts
  • Real Name:jayson

Posted 23 November 2009, 04:21

Hello i hope i can have some help from you guys..

my site has an image background

i changed it to have christmas designs and i have successfuly changed it..

now i made some alteration and i remove the old file and replaced with the new one. this time it wont show.. all steps are done .. i have deleted the old pic and uploaded the new one with the same name then checked the css stylesheet but its really not changing.. pls help me.. here is the codes

BODY			{color:#353434;margin:0px;padding:0px 0px 0px 0px;}
.bg2_body	{background:url(images/christmasbottom.jpg) center 100% no-repeat #0C3D5B; height:100%}
.bg3_body	{background:url(images/christmastop) center 0px no-repeat; height:100%;padding:0px 12px 10px 12px;}
.infoBox		{background:#e8e6e6;}
.orderEdit	{font-family:Arial, Helvetica, sans-serif; font-size : 10px; color: #2e2e2e; text-decoration: underline;}

i changed it once means that my code dont have any problems. do you know why is this happening? i have installed a adons for flash to work last week do you think this could affect my css stylesheet? i need some help pls.

#2 npn2531

  • Community Member
  • 943 posts
  • Real Name:Jase
  • Gender:Not Telling

Posted 23 November 2009, 06:51

View Posthalluzineyt, on 23 November 2009, 04:21, said:

Hello i hope i can have some help from you guys..

my site has an image background

i changed it to have christmas designs and i have successfuly changed it..

now i made some alteration and i remove the old file and replaced with the new one. this time it wont show.. all steps are done .. i have deleted the old pic and uploaded the new one with the same name then checked the css stylesheet but its really not changing.. pls help me.. here is the codes

BODY			{color:#353434;margin:0px;padding:0px 0px 0px 0px;}
.bg2_body	{background:url(images/christmasbottom.jpg) center 100% no-repeat #0C3D5B; height:100%}
.bg3_body	{background:url(images/christmastop) center 0px no-repeat; height:100%;padding:0px 12px 10px 12px;}
.infoBox		{background:#e8e6e6;}
.orderEdit	{font-family:Arial, Helvetica, sans-serif; font-size : 10px; color: #2e2e2e; text-decoration: underline;}

i changed it once means that my code dont have any problems. do you know why is this happening? i have installed a adons for flash to work last week do you think this could affect my css stylesheet? i need some help pls.

Oscommerce site:


OSC to CSS, http://addons.oscommerce.com/info/7263 -Bulk Mail Engine, http://addons.oscommerce.com/info/6553

#3 npn2531

  • Community Member
  • 943 posts
  • Real Name:Jase
  • Gender:Not Telling

Posted 23 November 2009, 06:53

It looks like you have a typo

{background:url(images/christmasbottom.jpg) center 100% no-repeat #0C3D5B; height:100%}

should read:

{background:url(images/christmasbottom.jpg) center 100% no-repeat #0C3D5B; height:100%;}

(I added a semicolon at the end after 100%)
Oscommerce site:


OSC to CSS, http://addons.oscommerce.com/info/7263 -Bulk Mail Engine, http://addons.oscommerce.com/info/6553

#4 halluzineyt

  • Community Member
  • 184 posts
  • Real Name:jayson

Posted 23 November 2009, 07:46

View Postnpn2531, on 23 November 2009, 06:53, said:

It looks like you have a typo

{background:url(images/christmasbottom.jpg) center 100% no-repeat #0C3D5B; height:100%}

should read:

{background:url(images/christmasbottom.jpg) center 100% no-repeat #0C3D5B; height:100%;}

(I added a semicolon at the end after 100%)

hello mr npn2531 tnx for the reply actually the bottom image is working.. but i still added your semicolon. now my real problem is the image at the top part (i have 2 separate backgrond image top/bottom).. actually what happened is i deleted the image that is showing there.. then i installed a new one that has some different things on it.. weird thing is my old b.picture is still showing even though i have deleted it and also i have changed the css stylesheet it was images/christmasdecor.jpg before now its images/christmastop.jpg all the letters are correct but still that old image is showing? my images database show no sign of it how can this be ?
i have also deleted my temporary internet files and restarded some times to think that it could only be on my browser but it is still showing even i open it at mozilla..

#5 MrPhil

  • Community Member
  • 2,900 posts
  • Real Name:Phil
  • Gender:Male

Posted 24 November 2009, 02:12

The last semicolon in the list is optional. Semicolons are separators, not terminators. Still it's a good habit to put a semi on the last property, so you won't forget to add it when you add more properties in the list.

In the original post, I see the image name is images/christmastop. Shouldn't it be images/christmastop.jpg? Have you fixed it and are still having problems?