Forums > please close this topic :]

Full Version: please close this topic :]

Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics

shortcake

Jul 11 2007, 02:30 AM

I dont understand why the background image won't show up. Here's my code. help please

CODE

<center><IMG src=http://s21.photobucket.com/albums/b259/justj3n/graphics/?action=view&current=OrlandoB2.jpg></center>

<center><a href="http://photobucket.com" target="_blank"><img src="http://i21.photobucket.com/albums/b259/justj3n/graphics/OrlandoB2.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket"></a></center>

<style>
/* this edits the background properties like colors and images */
body{
background-image: url('http://s21.photobucket.com/albums/b259/justj3n/graphics/?action=view&current=Background.jpg';
background-repeat: none;
background-attachment: repeat;
background-color: #000000;
}
</style>

<style>
/* this code edits the tables*/
.outerbox{border: 3px solid #CCCCCC; background-color: #666666; height: ##px; width: ##px;}

.alertbox{background-color: #666666;}

.innerbox{background-color: #666666; color:#000000; border: 0px #CCCCCC solid;}

.linkbox{background-color: #666666;}


.entrybox {background-color: #666666;}

h1, h2, h3 {color:#FFFFFF; background-color:#666666; font: 20px arial; font-weight: strong; font-color:#000000}
</style>

<style>
/* this edits the active and visited links*/
a, a:link, a:active, a:visited{font:normal 11px arial; color: #000000; text-transform: none; letter-spacing: 0px; font-weight:normal;}
</style>

<style>
/* this removes the createblog logo*/
#header a img {display: none;}
</style>

YourSuperior

Jul 11 2007, 02:59 AM

It's because you used the dynamic url of the image. Try this, it should work now:

CODE

<center><IMG src=http://s21.photobucket.com/albums/b259/justj3n/graphics/?action=view&current=OrlandoB2.jpg></center>

<center><a href="http://photobucket.com" target="_blank"><img src="http://i21.photobucket.com/albums/b259/justj3n/graphics/OrlandoB2.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket"></a></center>

<style>
/* this edits the background properties like colors and images */
body{
background-image: url('http://i21.photobucket.com/albums/b259/justj3n/graphics/Background.jpg';
background-repeat: none;
background-attachment: repeat;
background-color: #000000;
}
</style>

<style>
/* this code edits the tables*/
.outerbox{border: 3px solid #CCCCCC; background-color: #666666; height: ##px; width: ##px;}

.alertbox{background-color: #666666;}

.innerbox{background-color: #666666; color:#000000; border: 0px #CCCCCC solid;}

.linkbox{background-color: #666666;}


.entrybox {background-color: #666666;}

h1, h2, h3 {color:#FFFFFF; background-color:#666666; font: 20px arial; font-weight: strong; font-color:#000000}
</style>

<style>
/* this edits the active and visited links*/
a, a:link, a:active, a:visited{font:normal 11px arial; color: #000000; text-transform: none; letter-spacing: 0px; font-weight:normal;}
</style>

<style>
/* this removes the createblog logo*/
#header a img {display: none;}
</style>

shortcake

Jul 11 2007, 12:51 PM

QUOTE(Alvin @ Jul 11 2007, 12:59 AM)

It's because you used the dynamic url of the image. Try this, it should work now:

CODE

<center><IMG src=http://s21.photobucket.com/albums/b259/justj3n/graphics/?action=view&current=OrlandoB2.jpg></center>

<center><a href="http://photobucket.com" target="_blank"><img src="http://i21.photobucket.com/albums/b259/justj3n/graphics/OrlandoB2.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket"></a></center>

<style>
/* this edits the background properties like colors and images */
body{
background-image: url('http://i21.photobucket.com/albums/b259/justj3n/graphics/Background.jpg';
background-repeat: none;
background-attachment: repeat;
background-color: #000000;
}
</style>

<style>
/* this code edits the tables*/
.outerbox{border: 3px solid #CCCCCC; background-color: #666666; height: ##px; width: ##px;}

.alertbox{background-color: #666666;}

.innerbox{background-color: #666666; color:#000000; border: 0px #CCCCCC solid;}

.linkbox{background-color: #666666;}
.entrybox {background-color: #666666;}

h1, h2, h3 {color:#FFFFFF; background-color:#666666; font: 20px arial; font-weight: strong; font-color:#000000}
</style>

<style>
/* this edits the active and visited links*/
a, a:link, a:active, a:visited{font:normal 11px arial; color: #000000; text-transform: none; letter-spacing: 0px; font-weight:normal;}
</style>

<style>
/* this removes the createblog logo*/
#header a img {display: none;}
</style>

thanks but it didn't do anything the bolded part is what the background image is supposed to be

freeflow

Jul 11 2007, 03:52 PM

CODE

body{
background-image: url("http://i21.photobucket.com/albums/b259/justj3n/graphics/Background.jpg");
background-repeat: none;
background-attachment: repeat;
background-color: #000000;
}

Replace your current part with that.

YourSuperior

Jul 11 2007, 03:58 PM

QUOTE(supimateecup @ Jul 11 2007, 12:51 PM)

thanks but it didn't do anything the bolded part is what the background image is supposed to be

That made no sense. That's the part that I changed.

shortcake

Jul 11 2007, 06:53 PM

thanks for the help!
topic may be closed :]

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.