Thumbnail Layout problem

[capetonian]

Hallo everyone,

I have read the manual and tried to google a solution to my problem but unfortunatly with no success.
I have just installed Phoca Gallery and everything worked perfectly except the layout of the thumbnails once I click on a gallery.

The shadow boxes are on the left of the page.... the thumbnails on the right of the page. I did download firebug and try to find the prolem myself but I am a total loser when it comes to CSS!

A link to the page is here: http://www.southafricanclub.nl/index.ph ... &Itemid=55

I would appreciate it if someone could give me some advice as I have no clue how to fix it.

Thanks in advance.

[caro84g]

Hi,

first of all, check if it's a problem too with a standard template like rhuk_milkyway.

Then take firebug, click inspect, click the image and see if there is any line that says 'center'. try to change the 'center' to left or to disable this line and see if it's going ok - if this is not the problem, try to change margins and paddings.

In firebug you can change number and you see your website changing. Then it's not changed for real. Per element you see in which file you can find the code and on which row. Then edit the change as you did in Firebug and now it should be ok.

p.s.: it's a lot trial and error

Regards, Carolien

[capetonian]

Hi, Caro bedankt maar .......

I am still stuck, .. using firebug I found this code:

Code: Select all

<div class="phocagallery-box-file" style="height: 159px; width: 820px;">
<center>
<div class="phocagallery-box-file-first" style="height: 118px; width: 818px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="shadowbox-button" rel="shadowbox[PhocaGallery];options={slideshowDelay:5}" href="/images/phocagallery/cmp2008/thumbs/phoca_thumb_l_cmp2008_003.jpg" title="cmp2008_003">
</a>
</center>

By changing the 818px to 118 px and the 820px to 159px I solved the problem on the edit screen, .... on the right habnd side of the firebuginspect screen I saw this:

Code: Select all

element.style {
height:159px;
width:820px;
}
.phocagallery-box-file {index.ph...Itemid=55 (line 36)
background:#FCFCFC none repeat scroll 0 0;
border:1px solid #E8E8E8;
margin:0;
padding:0;
}
.phocagallery-box-file {phocagallery.css (line 13)
float:left;
height:140px;
margin:5px;
overflow:visible;
padding:5px;
position:relative;
text-align:center;
width:120px;
}

I have no idea where the width:820px comes from and I have no idea where to fix it, ... I looked in phocogallery.css and phocagalleryieall.css

I have uploaded a screenshot HERE.

Thanks in advance

[caro84g]

Hi,

Is it a problem too when you use rhuk_milkyway?

Regards, Carolien

[capetonian]

Hi,

Yes, unfortunatly it does the same when I use the default template.
HERE is a screenshot.

I'm stumped

[caro84g]

Hi,

Could you check your backend settings (phoca gallery parameters) - and try to set the defaults:
category view
- margin box - default=5
- padding box - default=5
and
general settings
- phocagallery width - default=empty

If there are no weird numbers I'd advise you to do a reinstall. (just load the same com_phocagallery.zip via the installer and press upgrade.) - and backup before!

Regards, Carolien