Image not loading - page scrollable to right instead

HTML & CSS
1

Hi,

I have a problem with a website. If you go to http://www.telephonecardcollector.com/optical-phonecard-control-numbers.htm the page loads fine. However, if you click on the phonecard image at the top of the page rather than the image loading as a larger image on its own it makes the page scrollable to the right! Why is this and how can I solve this?

Matt.

2

I see this is your image and html code

<a href="images/bt-catalogue/large/bti/bti029.jpg" data-lightbox="btp001">
<img src="images/bt-catalogue/small/bti/bti029.gif" width="180" height="180" hspace="3" border="0" align="right">
</a>

I guess this html is using lightbox when you click the image but you meet problem with lightbox so that it doesn’t display well. I believe it will work well if you remove a tag or at least remove lightbox class like this

<a href="javascript:void(0);">
<img src="images/bt-catalogue/small/bti/bti029.gif" width="180" height="180" hspace="3" border="0" align="right">
</a>

Then nothing happen when you click the image

3

Thank you for your reply.

However, we wanted the image to appear when using the lightbox code. Would you recommend that we find some alternative code for displaying larger images, as this one appears not to be working?

Matt.

4

Hi,

You don’t seem to have added the lightbox.css that came with your download?

5

Thanks Paul O’B - the code was missing but now I have it working.