Hello friends,

 

 

I have used background image for my footer and the div above footer but the image is not showing

 

here is the css

#services	{ background: #307788 url(footer_widget.jpg) repeat-y left bottom; }

and

#footer { background-color:#222024;width:100%;background: url{'wah1_files/footer.jpg'} repeat-y; }

 

for the services div its coming but there is an extra border at the top?

For #services you have background:........

For #footer you have background-color:.....and background:......

but you can't do that. For #footer you must use background-image: and background-repeat: because you have already used a long version of background for color-

#footer { background-color:#222024; width:100%; background-image: url('wah1_files/footer.jpg'); background-repeat: repeat-y; }

 

or use the short version for both:-

#footer {width:100%; background: #222024 url{'wah1_files/footer.jpg'} repeat-y; }

For #services you have background:........

For #footer you have background-color:.....and background:......

but you can't do that. For #footer you must use background-image: and background-repeat: because you have already used a long version of background for color-

#footer { background-color:#222024; width:100%; background-image: url{'wah1_files/footer.jpg'}; background-repeat: repeat-y; }

 

or use the short version for both:-

#footer {width:100%; background: #222024 url{'wah1_files/footer.jpg'} repeat-y; }

no still cant see here is the link

 

 

 

The footer.jpg image is 1*80px so you need repeat-x not repeat-y and remove the extra } before repeat

#footer	{ width: 960px; height: 50px; float: left; display: inline; clear: both; padding: 25px 0 10px 0; position: relative; background: #222024 url('wah1_files/footer.jpg') repeat-x; }

Ummm... repeat-y;? Are you really, really sure?

I tested repeat-x ( x for horiz).

 

Also check the path as the css file is in folder wah1_files and so is footer.jpg so you probably don't want the folder stated in the image url.

 

Also make sure you have () curved brackets around the url not { }

I tested repeat-x ( x for horiz).

 

Also check the path as the css file is in folder wah1_files and so is footer.jpg so you probably don't want the folder stated in the image url.

 

Also make sure you have () curved brackets around the url not { }

 

no i tried ur code then i tried this but still not showing

 

 width: 960px; height: 50px; float: left; display: inline; clear: both; padding: 25px 0 10px 0; position: relative; background: #222024 url(footer.jpg) repeat-x; }

 

 

 

#222024 url(footer.jpg) repeat-x; }

 

But there is no image footer.jpg

http://www.webdesigncut.com/projects/letterpress/footer.jpg

But there is no image footer.jpg

http://www.webdesigncut.com/projects/letterpress/footer.jpg

 

There is here

http://www.webdesigncut.com/projects/letterpress/wah1_files/footer.jpg

 

Note that it's black not blue/green. Did you mean to use

http://www.webdesigncut.com/projects/letterpress/wah1_files/footer_widget.jpg which is blue/green?

 

Move the #footer style to the bottom of the stylesheet and see if that helps because some other style may be overwriting it. (You have #footer styles in two places, always confusing).

There is here

http://www.webdesign...iles/footer.jpg

 

Note that it's black not blue/green. Did you mean to use

http://www.webdesign...oter_widget.jpg which is blue/green?

 

Move the #footer style to the bottom of the stylesheet and see if that helps because some other style may be overwriting it.

 

ya ok its showing but why there is an extra border above the 3 cols ? my image was just the shadow stretch?

Now I see this background.