I've read the other post on background images but I still wasn't able to figure out how the problem got solved...
So i'm having the same issue with my gallery, the background image isn't showing, and I changed the hosting link to an actual direct link, but it's still not working. You can view my gallery here ( http://forevertamia.com/gallery ), and below is a sample of what my template and css code on the page looks like...
template.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Pragma" content="no-cache" />
<title>ForeverTamia.com Photo Gallery</title><style type="text/css">
<!--
body {
background-image: url(http://i170.photobucket.com/albums/u256/exoticpetalz04/bg.png);
background-color: #FAEBF3;
background-repeat: repeat-x;
}
-->
</style>
{META}
<link rel="stylesheet" href="themes/TamiaTheme2/style.css" type="text/css" />
<script type="text/javascript" src="../scripts.js"></script>
<!-- $Id: template.html 2688 2005-12-04 03:22:35Z donnoman $ -->
</head>
<body>
{CUSTOM_HEADER}
<table width="100%" border="0" cellpadding="20" cellspacing="20">
<tr>
<td valign="top" style="border: 0px solid none;background-color:none;">
<p align="center"><a href="../index.php"><img src="themes/TamiaTheme2/images/ft_gallery.png" border="0" alt="" /></a></p>
<table width="59%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="../index.php"></a><br />
</td>
style.css
body {
background: url(http://i170.photobucket.com/albums/u256/exoticpetalz04/bg.png);
background-repeat: repeat-x;
background-color: #FAEBF3;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background : #e0e0e0;
color : #FFFFFF;
margin: 0px;
}
You set the background to the image and then immediately set it to a colour. That removes the image background you just set.
Remove
background : #e0e0e0;
Why not upload the file to your own webspace instead of linking to photobucket?
Thanks so much! I can't believe I overlooked something that was something so obvious lol.
The reason I don't have it linked to my host it because I thought it would mess up the code.... but I will try that then