Please help with multiple images

[Guest]

I am so gutted. I've spent ages on this shop. Never done it before and don't have any programming experience. I was really happy with the way it was going and then I realised I hadnt looked at it in IE. I always use firefox and chrome.

Well the multiple images for products that I installed works great on the other browsers but fails miserably in IE. The contribution enables me to have 4 images which still works, but in IE it places them over the top of the product description and the hover images does not work correctly either, here is a product page http://scraprat.co.uk/shop/product_info.php?cPath=22&products_id=36

Any help would be really appreciated. :'(

[germ]

How to Secure Your Site

 

Read the thread above, especially the part about the admin vulnerability - Yours is vulnerable.

 

It's easler to do some security fixes now than clean up a hack later..

:blush:

[Guest]

How to Secure Your Site

 

Read the thread above, especially the part about the admin vulnerability - Yours is vulnerable.

 

It's easler to do some security fixes now than clean up a hack later..

:blush:

Thanks for that. I did think that I needed to do a few bits but I'm trying to get it all sorted first before making the security changes,

I'm just really pulling my hair out about the images problem at the moment :(

[germ]

In your product_info.php file find this code:

 

<!-- EOF SUHY -->
<!-- 

this is a support for showing 4 images in a row as I needed for my page. If you need more images just continue the code or make your own table
and use the appropriate links in table cells .. Just replace product_image_4 to 5 and 6 accordingly in all instances

-->





             </td>
           </tr>

         </table>

 

Just after it add this code:

 

        </td>
     </tr>
     <tr>
       <td class="main">

 

Better backup the file first - you break it you bought it.

[Guest]

You are fast becoming a god!!

That has sorted out the small images going over the text. But the mouseover larger images are still in the wrong place. They should be just below the smaller images. Is this something I need to try and sort out with css? If so can I get it to see what browser is being used and then get it to place them appropriately?

[germ]

The problem is in your thumbnailviewer2.css file

 

With these four classes:

 

.thumbnail1:hover span{ /*CSS for enlarged image on hover*/

 

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/

 

.thumbnail3:hover span{ /*CSS for enlarged image on hover*/

 

.thumbnail4:hover span{ /*CSS for enlarged image on hover*/

 

They each have a line:

 

top:25px;

 

Try

 

top:175px;

 

for each of the classes.

 

Sometimes after changing the stylesheet in order to see any change you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

 

This works with IE and Firefox.

 

That works well with IE, but pushes the pic too far down in FF.

 

Maybe you can monkey with that number and the pic size and find a happy medium.

 

Again, making backups before changing anything is a good idea.

[Guest]

Yep your right. I'm playing with it now. Is there an easy way to get ie to render it differently?