Image position problem

[TauTau]

Hi, though this seems to be a common problem with this module, I already tried and verified with a standard template, but I have the same problem there.
The image is too hich in the box:
Standard template:

zufall11.jpg

my template:

zufall2.jpg

I looked at the css, it seems I get the following for the outer box:

Code: Select all

http://www.cafe-durchbruch.de/15/templates/glowple/css/main.css

* (line 3)
{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}

null

#phocagallery-module-ri .phocagallery-box-file-first (line 41)

{
background-color: transparent;
background-image: url(/15/components/com_phocagallery/assets/images/shadow1.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 0pt;
}

for the first inner box:

Code: Select all

http://www.cafe-durchbruch.de/15/templates/glowple/css/main.css

* (line 3)

{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}

and for the image:

Code: Select all

http://www.cafe-durchbruch.de/15/templates/glowple/css/main.css

* (line 3)

{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}

img (line 24)
{
border-top-width: medium;
border-right-width-value: medium;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: medium;
border-left-width-value: medium;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: none;
border-right-style-value: none;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: none;
border-left-style-value: none;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: -moz-use-text-color;
border-right-color-value: -moz-use-text-color;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: -moz-use-text-color;
border-left-color-value: -moz-use-text-color;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
}

So, which one is responsible for the image beeing too high?
(and while we're at it, could I somehow center the image in the module itself?)

[Jan]

Hi, see the phocagallery css but be aware there is a complicated system which put there functionality about horizontal and vertical centering for all possible browsers.

Jan

[TauTau]

hm, but wouldn't the photogallery css affect also the images in the gallery, not only the module? Because in the gallery the images are ok positioned. Another thing: When I'm in the gallery, the image position of the module also is ok, so it seems like there is a css setting missing from the module, that is there when on the gallery page...

[Jan]

Hi, module has own classes and you can find the css here:
modules\mod_phocagallery_random_image\assets\phocagallery_module_random_image.css

but it should have the same code as for component, so maybe some other css can conflict it...

Jan