Re: Background Image Over Color:
 

HTML,BODY {
HEIGHT: 100%;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND-IMAGE: url(images/homepagebkrd.jpg);
BACKGROUND-COLOR: #F4F2ED;

if i want to lay a background image over the background color
(the image being a transparent jpg created in ptshp) or png image
(can x-cart use png images)
how would i specify this in the code above so that both backgrounds show?

Re: Background Image Over Color:
 

You can't have both a background image and a background color, the image always takes priority. You would need to create a new layer (div) and put the image in that, and leave the background color on the body tag.

Re: Background Image Over Color:
 

So what would the code look like to have a background image?
i found this example on the web below
no border just image
BACKGROUND-IMAGE: url(images/body_bg.jpg);


Here's what the CSS looks like for the DIV. <DIV>

#formContent
{
border-right: #0000ff thin groove;
padding-right: 10px;
border-top: #0000ff thin groove;
padding-left: 10px;
float: left;
padding-bottom: 10px;
margin: 20px;
border-left: #0000ff thin groove;
width: 700px;
padding-top: 10px;
border-bottom: #0000ff thin groove;
background-color: gainsboro;
}

The div tag is established as follows..

<div id="formContent">

Re: Background Image Over Color:
 

I also want to add an image to the footer

what would the "footer be" on the page
the /rectangle_bottom.tpl has Users_online
that is the very bottom- what would the
bottom container area be or bottom of page up about
1/2 "

Re: Background Image Over Color:
 

<img src="whatever_your_image_is.jpg" width="552" height="239" class="coolclass" />

is this it?

Re: Background Image Over Color:
 

with every </div> does a class have to be assigned?
so would a class=bodycontainer be correct?
<li class="navItem1">
<!--<div class="footerCopyright">
</div><!--contentContainer-->
<div class="clearer"></div>

Re: Background Image Over Color:
 

This should not be so difficult- grrrr
ive tried a zillion ways of doing this but it does not work,
what am i doing wrong?


<div id="body"> href="http://www.mysite.com"><img src="images/body_bg.jpg"</div>

<div id="footer">href="http://www.mysite.com"><img src="images/footerContainer_bg.jpg"...</div>