CSS Image Gallery 4.1

[harryknight]

Hi,
Can someone please throw some light on what I have incorrectly please?

On my HD the page looks fine put online - it just falls about.

http://www.l-h-s.org.uk/our-photos.htm

Thanks

[Nile]

Can you please explain to me whats wrong? It works for me. But I don't know if thats how you want it working... So can you please tell me how you want it working?

[harryknight]

Can you please explain to me whats wrong? It works for me. But I don't know if thats how you want it working... So can you please tell me how you want it working?

Thank you Nile, but just prior to going to sleep last night I realised that I didn't have all the images on the server - how dull is that!? Sorry I didn't say, but needed sleep.

I uploaded them and now at least the images are there. I feel sure that they could display better than I have them though and would be happy for suggestions. Do I have too many images in one gallery for instance?

Many thanks,

[farang]

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible; /*position where enlarged image should offset horizontally */
z-index: 50;
margin-top: 100px;
margin-left: -200px;
}


Check out the highlight, it might help you out. If it doesn't work, just play with the pixel alignment.

[harryknight]

Thank you Farang,

I altered the CSS to what you suggested and this sent the images into spasm! Showing both the thumb and the large image side by side.

I cannot even after changing the css back to what it was and get the thumb images to lie as they were.

Never mind I shall either revert to a table or give up altogether.

Thanks for help.

[masoud]

There is a page in DD at (http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/P80/) that has the code that you can use.
good luck!

[harryknight]

Thanks but that is exactly the script that I am using.[well trying!]

What I do not understand, and if anyone is willing to help please do, is the fact that I have this displayed ok [although it overlays] here http://www.l-h-s.org.uk/our-photos.htm

In updating the website, I cannot manage to replicate this at all. I have tried:
1] Going back to DD and downloading the HTML and CSS again.
Failed!
2] Cutting and pasting the online source of my page and inserting this AND the CSS[online] into my new website. Failed!
3] Importing the page from old website on my HD to my new website.

RESULT! Failed!
Here is that result.

http://www.shottle.plus.com/kingston/test/archive-photos.htm

H E L P Please! :confused::o

[Medyman]

I'll have to repeat what Nile has already asked you. To me, this (http://www.l-h-s.org.uk/our-photos.htm) seems to be working fine (except that the images have huge file sizes. you should optimize those). What exactly is it that you want to happen that isn't happening??

In your second link, you have some divs that aren't closed and it looks like the CSS isn't catching so you probably have the wrong CSS selectors applied.

[harryknight]

Many thanks Medyman, I am working on it,