Adding Background images to RIGHT and LEFT

**stevesh** · 8 Jun 2009, 07:04 PM

If I understand the question, you should be able just to specify a background image in the #body section of the stylesheet.

**spectreman** · 8 Jun 2009, 07:35 PM

if i wanted a single BG image i could do what you suggest....

but i want an image on the left side BG, and a different image on the right side BG.

i can add the code:

body {
background:url(backgroundimages/bg_left.jpg);
width:250px;
height:440px;
position:absolute;
left:4%;}

body {
background:url(backgroundimages/bg_right.jpg);
width:250px;
height:440px;
position:absolute;
right:4%;

but the css only recognizes the bg_right.jpg, so tiles just that .jpg.

i need to distinguish between right and left .jpgs.......

**stevesh** · 8 Jun 2009, 09:52 PM

Maybe check this thread, especially post #21.

http://www.zen-cart.com/forum/showthread.php?t=102274

The site you referenced is just using one big image in the body background, though. You could do the same if you created the image properly.

**spectreman** · 8 Jun 2009, 10:23 PM

there are actually 3 background images on the site i referenced...

1. the main "fade" BG.
2. the white left flower
3. the white right flowers

it would be easier if it was one big .jpg, but it's not......on that site it is set up so that the left and right flowers don't get screwed up from resolution to resolution.....

correct?

that's why it's giving me trouble, i'm not sure how to call those left and right .jpgs.

**gjh42** · 9 Jun 2009, 03:28 PM

You would put the extra divs just outside #mainWrapper, in tpl_main_page.php. The Naiah site is organized as

<body id="productinfoBody">

<div id="flowersleft"> </div>
<div id="flowersright"> </div>
<div id="mainWrapper">

using CSS to position the flower divs. To do the same, put your new divs just before the
<div id="mainWrapper"> .

P.S. - I notice you have inserted a bunch of divider categories in your categories menu. The cleaner way to get that would be to install Categories Dressing and use its divider feature; this will avoid "category" links that go to an empty category named "####################_" .

**spectreman** · 15 Jun 2009, 08:18 PM

thanks,

as soon as i add those extra divs though, i get this error when opening my site:

Parse error: syntax error, unexpected '{' in /home/benscycl/public_html/includes/templates/future_zen/common/tpl_main_page.php on line 1

what did i overlook?

**gjh42** · 20 Jun 2009, 04:24 AM

Post the relevant section of your tpl_main_page.php, in [php] and [/php] tags.

Thread: Adding Background images to RIGHT and LEFT

Thread Tools

Search Thread

Display

Hybrid View

Re: Adding Background images to RIGHT and LEFT

Re: Adding Background images to RIGHT and LEFT

Re: Adding Background images to RIGHT and LEFT

Re: Adding Background images to RIGHT and LEFT

Re: Adding Background images to RIGHT and LEFT

Re: Adding Background images to RIGHT and LEFT

Re: Adding Background images to RIGHT and LEFT

Similar Threads

Left and right justified images in logowrapper?

Left and right screen of my Zencart I have a blueish background, can I put a photo?

Seperate Sidebox Content Background Images for left and right sideboxes.

problem with left and right background image position

Adding images to right/left column

Posting Permissions