Background Image vs. Color

[bargaintrophies]

Can the various stylesheets be editied to implement a background image? I have edited one of the stylesheets and know how to edit the background color:

BODY {
background: #CECF9F url(http://www.domain.com/image.jpg);

Just wondering if there is a tag that would allow one to implement a backround image instead of a single color?

Thanks,
Michael

[Chuck S]

See your post above I added what a normal css would look like with image tag

[bargaintrophies]

Chuck,

I'm not getting it. I tried to add a URL tag below the background tag but can't get it to work. You mention a "normal" CSS tag. How do I implement it in the PP CSS?

Here's what I tried:

BODY {
background: #CECF9F
url(http://www.domain.com/image.jpg);

Are your parenthesis in the correct places? Here's the image URL I'l trying to add: http://www.trophypix.com/gallery/stonbk.jpg

Please let me know the exact code/change. Thanks in advance.

Do I delete the "background" tag? I tried that but to no avail.

Thanks,
Michael

[Chuck S]

It's all one line and is as I posted in your post

Content visible to verified customers only.

[bargaintrophies]

Perfect!

Thanks,
Michael

[wingnut1]

Thanks very much Chuck, that worked for me as well.

[Chuck S]

Glad to assist let us know if there is anything else we can assist with and have a good day.

[jensurge]

Thanks so much for this! I got mine to work also but have another question somewhat related to this.

I have a .png image for my header and I'm using an image map. When I put my background in, the header doesn't look transparent anymore, there's a big white box background behind it. Is there something I need to change in the code for my image map to get this to show up transparent like it should be? Thanks!

[Chuck S]

This would depend on your actual map images and logos. As long as things are truly transparent images it should work.

[jensurge]

Yes it is definitely transparent, I just checked it again. You can see for yourself here if you want. JenU Designs Gallery - Main Index

[jensurge]

Also, here is the image map code that I am using.

<img src="http://www.jenu-designs.com/images/JenU_LogoMain.png" width="969" height="407" border="0" alt="Jen Ulasiewicz Designs" usemap="#splash_Map" />
<map name="splash_Map" id="splash_Map">
<area shape="rect" alt="Home" coords="80,150,325,300" href="http://www.jenu-designs.com/" />
<area shape="rect" alt="Portfolio" coords="250,310,375,370" href="http://www.jenu-designs.com/photography/" />
<area shape="rect" alt="Store" coords="425,270,520,335" href="http://www.jenu-designs.com/store/" />
<area shape="rect" alt="Blog" coords="530,275,618,338" href="http://jenu-designs.com/blog/" />
<area shape="rect" alt="Gallery" coords="620,295,758,350" href="http://www.jenu-designs.com/gallery/" />
<area shape="rect" alt="About Us" coords="762,315,870,375" href="http://jenu-designs.com/store/index.php?main_page=page_4" />
</map>

[Chuck S]

http://www.jenu-designs.com/images/JenU_LogoMain.png

That specific image looks fine.

[jensurge]

Ok I found it. I had the background set in the header file to white so when I removed that it was fine. Sorry for bothering you with that.

[Chuck S]

Not a problem have a great day.