Shadow and CSS error

[tompet]

I am using Phoca Gallery v 2.1.0 RC and the random gallery image module 2.1.0. The gallery works fine but I got problems with the module.

The box around the picture and title "jumps" when moving the mouse arrow over it. It is usually some fault with padding/margin in the css and the hover class. I have tried to change it in the css but with no effect.

And I can not center the box either. I took out "float: left" in the code and it worked.

I also discovered that the shadow picture behind the thumbnail don't show up. I think that is the problem with the issue above.

I have modified the thumbnail shadow1 in the component to 70x70 and shadow 2 to 120x120 (this is the size of the thumbnail - the shadow image is bigger and I followed the instructions in the documentation). I replaced shadow 1 and shadow2 in the component and it works great.
I have changed the size in the random image module from 100x100 to 120x120 and adjusted the other sizes accordingly. No problem it works. This error comes up both with an original installation and my modified installation.

It would be great if someone could point me in the right direction to solve this issue.

I am using Firefox 3 by the way. No IE errors.

Thanks.
Tom

[Jan]

hi, please try it with some standard template. E.g. with rhuk milkyway...

Jan

[tompet]

Thanks for your help. Yes, the module works in the left and right columns in milkyway and beez and in the left column in JA Purity. The float left makes the thumbnails to float left in the right column in JA Purity. But the shadow and padding works as it is intended. The right column in JA Purity use float boxes with 4 divs to make round corners. I have used the same technique in the template I am working with. I have got the shadow and the padding to work in the template but it is still problem to center the thumbnail box inside the 4 div float box (the same as in JA Purity's right column).

By the way, to change the script to show a thumbnail in a different size works quite well. But why not have more different options to select in the component and in the module? It would make it easier for people who are not familiar with coding.

Thanks for a great gallery.
Tom

[Jan]

Try to set fixed width for the module, so the fixed width can make the module centered...

[tompet]

Thanks for the tip. The module centers to the left without the float and with the float to the right - and with the same code. I try your tip.

In the css for the right and left columns I had something like this: #left-side .module because the code should only be for the left side column. When I took out #left-side it started to work. And added .module-gallery instead.

[tompet]

Hi,

I just changed the size of the thumbnail in the component and created new picture shadows and replaced the old ones. It was not more complicated than that. If you want to make it easy for you then use the old shadows and copy and paste them into a bigger picture until it fits that picture. Then you replace the old thumbnails with your new one's.

You see the size and have more instructions in the guide you are refering to.

Regds,

Tom