help with CSS image gallery please :)

snow patrol · 29 Nov 2006 at 09:00

http://www.mathofbirds.com/williamtest1/wiv4.html

http://www.mathofbirds.com/williamtest1/stylesheet.css

I haven't done the gallery script for all the pictures yet, but hover over the top left and bottom right ones. As you can see, both thumbnails enlarge nicely to the right, but i want it so that they enlarge in exactly the same place on the screen (preferably right in the middle).

I can do it so that all the ones in the left column enlarge in the same place, but when i try the right column they open way off to the right.

Help much appreciated. Thanks.

oh, and while i'm here - how do i get the whole site to be in the middle of the page, vertically?

btw, original script is from here: http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/P50/

Augmented · 29 Nov 2006 at 09:27

snow patrol said:
I can do it so that all the ones in the left column enlarge in the same place, but when i try the right column they open way off to the right.

Code:

.thumbnail:hover span {
top: 50px;}

#left .thumbnail:hover span {
left: 260px; }

#right .thumbnail:hover span {
left: -490px;}

snow patrol · 29 Nov 2006 at 09:46

Augmented said:

i love you! Thank you so much - this has really made my morning. Sending lots of good karma your way etc etc

btw - this has got to be the best and most helpful sub-forum on ocuk - you guys rule!

EDIT: One tiny problem i'm now having. On IE6, the text that is below the 'pop-up' image seems to be using 1 line per word, whereas on firefox it's just a regular line. (Ie 'the main bar' etc).

Any ideas?