Placing an image border around images.

[Guest]

Hi,

 

I'm in the middle of re-designing my existing osCommerce site and have run into a problem with images. Instead of a general image border (ie. border=1), I want to wrap all of my thumbnails (product listing pages) with an image based border like the product thumbs in the middle of the page here: http://testserver.beanbagzilla.com/index.php.

 

Now, I'm able to get this to work on the home page because it's using static html (Thanks to the STS contrib). I simply add a background image to the table cell and viola. Unfortunately, this isn't as straight forward on the dynamic pages in osCommerce.

 

I think I found a way to make this work by wrapping the <img> tags with <div> tags and specifying a background image there. My question is: where is the code generated from that creates those <img> tags in the product listing pages? Note: I'm using the Image Magic contrib as well.

 

Hopefully I explained what I'm trying to do sufficiently.

 

Any help would be appreciated.

 

Thanks,

Sean

[Guest]

function tep_image in catalog/includes/functions/html_output is the function used for images.

 

The call is here:

tep_image(DIR_WS_IMAGES . $listing['products_image'], $listing['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT)

 

in catalog/includes/modules/product_listing.php

[Guest]

stu2000,

 

I ended up editing the product_listing.php file and wraping <div> tags around the <a href> tags. Works like a charm. Now if I can figure out how to center the image within the <div>.....

 

Thank you very much for you help.

 

Sean

[Guest]

<div style="padding-top: 120px;" height="200" align="center">