problems with background images too!

dymondpetalz04 · November 23, 2008, 01:24:53 AM

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

Code Select

<!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

Code Select

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;

}

Nibbler · November 23, 2008, 02:20:59 AM

You set the background to the image and then immediately set it to a colour. That removes the image background you just set.

Remove

Code Select

background : #e0e0e0;

Why not upload the file to your own webspace instead of linking to photobucket?

dymondpetalz04 · November 23, 2008, 02:27:32 AM

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

coppermine-gallery.com/forum

News:

problems with background images too!

dymondpetalz04

Nibbler

dymondpetalz04