playing with CSS

[mapleglen]

I've been messing around with CSS and have a nice (well, potentially nice) popup effect going where the thumbnail goes from 80% opacity to 100% and moves slightly on a mouseover.

The only trouble is, when the height of the thumbnails varies all of those below the mouse overed one jump around. My root gallery looks ok but those galleries with some portrait aspect thumbs (or those with a 3x2 aspect photo as the first thumbnail on a row in the table and 4x3s thereafter) ...aren't.

Can anybody suggest a way of getting this effect that doesn't alter the layout of the table and copes with different shaped/sized thumbnails?

On a related note, has anybody tried adding a CSS generated dropshadow to their thumbnails?
vis-a-vis http://www.w3.org/Style/Examples/007/roundshadow
Is this possible?

Thanks,

Rob.

[mapleglen]

I've been messing around with CSS and have a nice (well, potentially nice) popup effect going where the thumbnail goes from 80% opacity to 100% and moves slightly on a mouseover.

The only trouble is, ...
Rob.

There's another trouble. It works ok with Firefox, but not IE.

Back to the drawing board.

[flemmingbo]

Hello !

If you use margin instead of padding it may very well work in IE - worth a try maybe!

I haven't tried adding a CSS generated dropshadow, interesting article. In theory I guess it's possible, might not work in IE 'quirks' mode though which is what we're stuck with on Pbase at the moment.

All the best,

Flemming