Page 1 of 3
detail-view pictures are not in the centre
Posted: 17 Aug 2010, 13:13
by kloiner
Hi all,
I just installed phoca gallery on a joomla-installation.
Everything worked fine, I just have one problem. The pictures in the detail-view are not in the centre. It seems to be aligned on the left side.
I already searched the internet, but I couldn't find any useful answer. I know it is something with my template and I have to to some changement with align:centre. I only don't know where to do it in my template.
My internet-site:
www.kleinkindgruppe-zwergenstuebchen.de it is for a day-care!
Thanks for you support.
Kind regards
kloiner
Re: detail-view pictures are not in the centre
Posted: 17 Aug 2010, 16:57
by webansvarlig
Hello! I tried your site. It seem to work allright. When clicking on a photo in expands to center.
Re: detail-view pictures are not in the centre
Posted: 17 Aug 2010, 19:57
by kloiner
Hello webansvarlig,
thanks for your fast response.
But this is crazy, I just tried to open my site under firefox, IE7 and under Safari (Mac OS) but in each browser the pictures (in detailview) are on the left side.
Please try again. Go on my site
www.kleinkindgruppezwergenstuebchen.de and oben "Fotogaleri". There you will see three categories, just take one and open one picture.
Thank you for your support.
Kind regards
kloiner
Re: detail-view pictures are not in the centre
Posted: 18 Aug 2010, 13:53
by imperialWicket
It looks like your template is styling all td, tr elements with text-align left. Remove that from your template.css file and these should be centered. If this change causes undesirable results elsewhere, some more in-depth css troubleshooting is necessary.
Re: detail-view pictures are not in the centre
Posted: 17 Sep 2010, 12:54
by carsten888
same problem here. Just want the image in de detailed window centered.
template.css line 20
Code: Select all
caption, th, td {
font-weight:normal;
text-align:left;
}
so I tried to override that with css:
Code: Select all
body #phocagallery table tr td{
text-align: center;
}
but that does not work! I'm flabegasted, because this should really do the trick. I checked the css is loaded, and it is loaded last (which should override the previous css).
even this does not even show up in Firebug. The css in the stylesheet does, so it is loaded correctly for sure, but when clicking on 'inspect element' in Firebug the styles for the body are loaded, but not for that td. Driving me nuts!
I suspect that maybe the output is recreated with javascript.
Re: detail-view pictures are not in the centre
Posted: 20 Sep 2010, 16:49
by Jan
Hi, in Phoca Gallery the pure Phoca Gallery code is not created by javascript ... maybe some other code (template or extension)
try to use other methods, like adding attribute to td (td align="center") but I think this will not help, can I see the site where this occurs.
Mostly e.g. switching off some of loaded template or javascript with help of firefox web development toolbar or other methods (firebug) can display which part can be in conflict.
Jan
Re: detail-view pictures are not in the centre
Posted: 21 Sep 2010, 10:05
by carsten888
td align="center"
thats already there.
after a loooong struggle I got a fix:
in template/system/css/template.css
add
Code: Select all
#phocagallery table #image-box{
margin: 0 auto;
}
this code can also be added to the elements style properties in the template. (maybe include that in a next release?)
Re: detail-view pictures are not in the centre
Posted: 21 Sep 2010, 13:15
by Jan
Ok, thank for this info, I will add it into the next release.
Jan
Re: detail-view pictures are not in the centre
Posted: 21 Sep 2010, 22:08
by Jan
Added into PhocaGallery 2.7.5 into phocagallery.css file.
Jan
Re: detail-view pictures are not in the centre
Posted: 22 Sep 2010, 08:21
by carsten888
Added into PhocaGallery 2.7.5 into phocagallery.css file.
did you double check if it works when that code is there. On my site the template.css is loaded AFTER the phocagallery.css, which will override it. So best to add this in the style property of the div#image-box in the actual element.