Web Wiz
Home
Home
Hosting Services
Hosting Services
Knowledgebase
Knowledgebase
Community and Support Forums
Support Forums
Customer Login
Customer Login

  New Posts New Posts RSS Feed - Adding background image to CSS
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Windows Web Hosting 30 Day Free Trial

Windows Web Hosting 30 Day Free Trial

Windows Hosting 30 Day Free Trial, with no obligation, on all our Windows Web and Reseller Hosting Packages.

For moreĀ informationĀ see our Windows Hosting 30 Day Free Trial page.

Adding background image to CSS

 Post Reply Post Reply Page  12>
Author
Warlords1973 View Drop Down
Newbie
Newbie


Joined: 22 December 2007
Status: Offline
Points: 14
Post Options Post Options   Thanks (0) Thanks(0)   Quote Warlords1973 Quote  Post ReplyReply Direct Link To This Post Topic: Adding background image to CSS
    Posted: 21 January 2008 at 1:13am
I am trying to add a background image into the CSS file for a skin but for some reason it wont take.
 
The background is in the forum_images folder
 
/* Page body */
body{
 background-color: #C000C0;
 background-image:url('../forum_images/BEARBACK.gif');
 margin-left: 0px;
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 5px;
}
 
It will not load the image I get no errors
 
Anyone have any ideas?
Thanks
Back to Top
melodik View Drop Down
Newbie
Newbie
Avatar

Joined: 26 March 2003
Location: Turkey
Status: Offline
Points: 19
Post Options Post Options   Thanks (0) Thanks(0)   Quote melodik Quote  Post ReplyReply Direct Link To This Post Posted: 21 January 2008 at 5:58am
My code:
 
background-image: url(../forum_images/sayfa_arka.gif);
 
 
Your code:
 
background-image:url('../forum_images/BEARBACK.gif');
Back to Top
Warlords1973 View Drop Down
Newbie
Newbie


Joined: 22 December 2007
Status: Offline
Points: 14
Post Options Post Options   Thanks (0) Thanks(0)   Quote Warlords1973 Quote  Post ReplyReply Direct Link To This Post Posted: 22 January 2008 at 5:19am

I tried

background-image:url(../forum_images/BEARBACK.gif);
 
and it still does not load the background is there something else that is needed in the body?
 
/* Page body */
body{
 background-image: url(../forum_images/bearback.gif);
 background-color: #B1D5EC;
 margin-left: 0px;
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 5px;
Back to Top
AlexKok View Drop Down
Newbie
Newbie


Joined: 04 February 2008
Status: Offline
Points: 5
Post Options Post Options   Thanks (0) Thanks(0)   Quote AlexKok Quote  Post ReplyReply Direct Link To This Post Posted: 04 February 2008 at 10:38am
Originally posted by Warlords1973 Warlords1973 wrote:

I am trying to add a background image into the CSS file for a skin but for some reason it wont take.
 
The background is in the forum_images folder
 
/* Page body */
body{
 background-color: #C000C0;
 background-image:url('../forum_images/BEARBACK.gif');
 margin-left: 0px;
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 5px;
}
 

Hi) Check if U have image in ../forum_images. May by U have to define ../../forum_images folder?
Back to Top
WebWiz-Bruce View Drop Down
Admin Group
Admin Group
Avatar
Web Wiz Developer

Joined: 03 September 2001
Location: Poole, England
Status: Offline
Points: 8028
Post Options Post Options   Thanks (0) Thanks(0)   Quote WebWiz-Bruce Quote  Post ReplyReply Direct Link To This Post Posted: 04 February 2008 at 10:46am
It does need to be:-

('../../forum_images/image_name.gif')

You may also find if you are an IE user that you need to do a hard refresh (CTRL -> F5) so that IE loads in the CSS file.
Back to Top
arj1981 View Drop Down
Newbie
Newbie


Joined: 03 December 2008
Status: Offline
Points: 11
Post Options Post Options   Thanks (0) Thanks(0)   Quote arj1981 Quote  Post ReplyReply Direct Link To This Post Posted: 05 December 2008 at 5:29am
Yea, how do u use that code because it's not working for me. 
Back to Top
MrTWS View Drop Down
Senior Member
Senior Member
Avatar

Joined: 08 July 2007
Location: United Kingdom
Status: Offline
Points: 1192
Post Options Post Options   Thanks (0) Thanks(0)   Quote MrTWS Quote  Post ReplyReply Direct Link To This Post Posted: 05 December 2008 at 7:51pm
Since I'm a nice person and I don't mind helping here is a heads up



Please give generously LOL
Back to Top
mattysdad View Drop Down
Groupie
Groupie
Avatar

Joined: 24 February 2008
Status: Offline
Points: 47
Post Options Post Options   Thanks (0) Thanks(0)   Quote mattysdad Quote  Post ReplyReply Direct Link To This Post Posted: 13 July 2009 at 12:24pm
Hi Guys.

I wonder if one of you learned and scholarly people could tell me how to add a background image to my forum and make the Cool Blue skin I am using ever so slightly transparent so that the image can be seen?

My foum is here www.room327.biz

and I would like to look something like my friend's site here

http://www.balearic-jobs.com/asp/mb/forums.html

Obviously, not with the skin he is using (though there is nothing wrong with it I hasten to add!!) nor the background image.

Bu I think you get my meaning?

My eternal thanks, in advance, as always!!!


Back to Top
 Post Reply Post Reply Page  12>
  Share Topic   

Forum Jump Forum Permissions View Drop Down



Become a Fan on Facebook Follow us on Twitter Web Wiz on Google+ Community Forums Web Wiz Blogs Web Wiz News
Company Information | Contact Web Wiz | Terms & Conditions | Privacy Policy

Prices exclude VAT unless otherwise stated - $, € prices shown as a guideline only
Web Wiz Ltd, Unit 10E Dawkins Road Ind. Est, Poole, Dorset, UK, BH15 4JD
Copyright ©2001-2012 Web Wiz - All rights reserved