Images not well displayed

[Fraker]

Hi,

and thanks for all you work, it's a pleasure to use it.

However, I get problems displaying thumbnails on my website:
http://www.usc-basket.com/index.php?opt ... &Itemid=23


under Firefox, it's not so bad but under IE, the thumbnail is not fully displayed.

The second problem is the display of the modal window. It shows the list of the categories instead of the slidshow mode.

Could you help me please?

[Jan]

Hi,

the first problem is in collision between template and the module...

the second problem is in creating of an URL, try to download the latest Phoca Gallery Random Image Module...

https://www.phoca.cz/phocagallery-random ... e=download


Jan

[Fraker]

Hi,
and thanks for your quick answer.
For the first pb, I only the problem when I choose the right location for the module and no pb when it's displayed on the left.

For the second pb, It still displays the list of the categories. Strangly, when I set Detail Window property to Standard Pop Up window, it works fine.

Fraker

[Jan]

It seems link on your right site, there is no place for the module...

The URL to the detail window is wrong, there are & so there are problems with URL creating on your site...

I did some changes in module (with JRoute), download it now, but I think it will not help...

Jan

[Fraker]

Thanks for you help,

I've updated the module, and it works fine for me now.

Unfortunately, I still get the problem when I try to display the module on the right column.

Fraker.

[Fraker]

Is there a way to enlarge the thumbnail size for this module?

[Jan]

Not for module, only for component...



Jan

[wuiles]

Unfortunately, I still get the problem when I try to display the module on the right column.
I have this problem too... is there a solution for it?

Please check cafe anno '93 in IE

PROBLEM SOLVED...

In the "phocagalleryieall.css" I've edited the bold lines below...

/*photogallery*/

.phocagallery-box-file-first
{
/*background:#f5f5f5;*/
/*width:100px;height:100px;*/ overflow: hidden;
display: table; vertical-align:middle;
position: relative;
}

.phocagallery-box-file-second
{
display: table-cell; vertical-align: middle;
/*position: absolute; top: 50%; left:50%;*/ (added the /* ... */ )
}

.phocagallery-box-file-third
{
/*position: relative; top: -50%; left:-50%;*/ (added the /* ... */ )
}

.phocagallery-box-file:hover, .phocagallery-box-file.hover
{
/*border:1px solid #135cae;padding:5px;background:#f5f5f5;text-decoration:none;*/
}











Another question...

How do I center the image in de "random image module", without changing the whole gallery?
Because when I remove the "float:left" in the phocagallery.css, the module-image is centered, but the gallery itself displays all the pics under each other...

[Jan]

Hi, you cannot remove the float:left if you want to not have pics under each other...

if you remove:
position: absolute; top: 50%; left:50%;
position: relative; top: -50%; left:-50%;


the centering of the image will be lost...

There is a complicated solution which creates VERTICALLY AND HORIZONTALLY centering which works in FF, Opera, IE... and each change will damage it ... and if something is missed (changed) I cannot help you because I don't know the solution with changed code...

Jan