Log In · Register

 
 
Closed TopicStart new topic
please close this topic :], why isnt the bg image working
shortcake
post Jul 11 2007, 02:30 AM
Post #1


Oh Wow ...
*****

Group: Official Designer
Posts: 688
Joined: Sep 2006
Member No: 468,522



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
post Jul 11 2007, 02:59 AM
Post #2


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



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
post Jul 11 2007, 12:51 PM
Post #3


Oh Wow ...
*****

Group: Official Designer
Posts: 688
Joined: Sep 2006
Member No: 468,522



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
post Jul 11 2007, 03:52 PM
Post #4


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



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
post Jul 11 2007, 03:58 PM
Post #5


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



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
post Jul 11 2007, 06:53 PM
Post #6


Oh Wow ...
*****

Group: Official Designer
Posts: 688
Joined: Sep 2006
Member No: 468,522



thanks for the help!
topic may be closed :]
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: