Forums / General Questions / Why does it fail to load the background picture of the left categry?

Why does it fail to load the background picture of the left categry?

Started by fanisme on 7 Apr 2013, 5:53 PM · Views: 620

Results 1 to 5 of 5
7 Apr 2013, 5:53 PM
#1
fanisme avatar

fanisme

Zen Follower

Join Date:
Feb 2013
Posts:
104
Plugin Contributions:
0

Why does it fail to load the background picture of the left categry?

Link:https://www.rustydiary.com
I try to change the background of the left categry, but always fail. urgent! Thanks very much.

7 Apr 2013, 6:32 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Why does it fail to load the background picture of the left categry?

What did you change it to??

Image name and path to the image

Zen-Venom Get Bitten

7 Apr 2013, 9:21 PM
#3
fanisme avatar

fanisme

Zen Follower

Join Date:
Feb 2013
Posts:
104
Plugin Contributions:
0

Re: Why does it fail to load the background picture of the left categry?

The original background of the category is white (color) and I wanna replace it with the background-image, but it fail. If you use firebug CSS, you can see the image url fail in the id=navColumnOne element.

7 Apr 2013, 9:30 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Why does it fail to load the background picture of the left categry?

#navColumnOne {
    background: url("../images/cat-bk.pgn") no-repeat scroll 0 0 transparent;
}
``` What kind of image is ".pgn"? :)
7 Apr 2013, 9:39 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Why does it fail to load the background picture of the left categry?

Also, do you really want the "cat-bk" image on the entire left column? There is already an image that takes care of that, except for where the categories are. You may want that background on the #categories element; or you may not need a new image at all, depending on the result you want. Do you want some special categories image, or just to match the rest of the page? If you want to match, you need to eliminate the background colors by making rules for the #categoriesHeading and #categoriesContent sub-elements.

I believe you will need to do this as well as moving cat-bk.png to the #categories element, or it may be ok to leave the categories background assigned to the left column. You won't be able to accommodate changes to the size of the menu with the bg image you have now..