[solved] Photobucket background coding blank
Replies
this is the code i used for this pet
<style>
...
body {background:url(http://www.freepik.com/free-photo/trackless-sand-beach_946206.htm
);
background-repeat:no-repeat;
background-attachment: fixed;
background-position: center;}
html,div,a,tr,td,font, {color: }
</style>
i've tried replacing the url with the same image at this address http://i809.photobucket.com/albums/zz20/TINYBLIGHT/ODRAEP0.jpg and it still doesn't show up. This section of code worked fine for PoeticSilk What's wrong?
the first link you're using isn't actually the direct image link, so it wouldn't work. the photobucket link should work fine - at least it does when i test it. also you can combine all the background code into one line, like this:
body {background:url(http://i809.photobucket.com/albums/zz20/TINYBLIGHT/ODRAEP0.jpg) no-repeat fixed center}
although, if you want the background image to take up the whole page (it's too small so on larger screens it leaves blank space on each side) you could use this code:
body {background:url(http://i809.photobucket.com/albums/zz20/TINYBLIGHT/ODRAEP0.jpg) no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
