Can't figure out background image...
Replies
I know it's super basic, but for some reason I can't get any background image to show up.
Initially I was trying to use this image of npc Gunner here: http://imgur.com/wYzB89q but it didn't work, and I figured it was because of the capital letters, because I think that somehow affects forum signatures? So I tried using tinyURL but it didn't help.
Then I changed my background to white and tried to use the Subeta hosted version of Gunner, and still nothing shows.
Here is my background code:
body{
background-color: ;
background-url: url('https://img.subeta.net/npc_gunner.png');
background-position: bottom right;
background-repeat: no-repeat;}
Originally I had something similar but with as the color, and the imgur image as the url. I created my code based off of snippets of code found in these forums, given for people to tinker with. I will post my whole code if that will help.
I just want this image to be in the top right of my profile, and not to scroll (but my profile doesn't scroll anyway, so I don't think that is an issue).
Does anyone have any idea? I would appreciate the help! Thanks a bunch!
body{
background-color: ;
background-image: url('https://img.subeta.net/npc_gunner.png');
background-position: top right;
background-repeat: no-repeat;}
Try this? The 3rd line needs to be background-image: url, not url: url
Thanks for replying!
Changing that worked for the Subeta hosted image, but not for the Imgur one. Do you have any idea why that might be?
This is what that snippet of code looks like now:
body{
background-color: ;
background-image: url('http://imgur.com/wYzB89q');
background-position: top right;
background-repeat: no-repeat;}
Need to use the direct image URL:
body{
background-color: ;
background-image: url('http://i.imgur.com/wYzB89q.png');
background-position: top right;
background-repeat: no-repeat;}
For the direct image url, you just right click and click "copy image url"