Thumbnail Problem

[lyleohm]

I am new to Pixelpost, having transferred my blog from Google Blogger with help from another Pixelpost user. But I have a baffling problem with thumbnails... My photoblog is at http://mkeholley.net/pictureaweek

There are nine images uploaded so far and in the thumbnail options I have the rows set to 5. But on the archive page the 9 images show in two of rows of 3 and 6 :confused:

http://i107.photobucket.com/albums/m316/mikeholley_photos/thmb_scrn_shot.jpg


I don't think it's my browse_template as I tried one from the person who helped me but got the same results.

When I use the "Re-generate thumbnails" option I get three error messages for each image:

Warning: imagejpeg(): Unable to open '../thumbnails/thumb_20070303090426_broadway_tower_lr.jpg' for writing in /hsphere/local/home/mikeholl/mikeholley.net/pictureaweek/includes/functions.php on line 156

Warning: chmod(): Operation not permitted in /hsphere/local/home/mikeholl/mikeholley.net/pictureaweek/includes/functions.php on line 158

Warning: touch(): Utime failed: Permission denied in /hsphere/local/home/mikeholl/mikeholley.net/pictureaweek/includes/functions.php on line 155

Are these two things connected? Can anyone please help?

[Connie]

1)
the thumbnail-number-in-row affects the number of thumbnails which are shown in the image_template.html

the number of thumbnails in the archive_template.html is defined by the stylesheet there

if you define a <DIV> for the thumbnails with the width of 520px and you have thumbnails with a width of 100, 5 thumbs will be shown in one row

so check that

2)
the two problems are not connected, the first one is presentation, the second one is permission
check the permission for the thumbnailfolder, it must be 777

ask your hoster's support if you have problems with permissions, that's their job as well ;=)

[lyleohm]

Hi Connie, thanks for replying...

the two problems are not connected, the first one is presentation, the second one is permission
check the permission for the thumbnailfolder, it must be 777

ask your hoster's support if you have problems with permissions, that's their job as well ;=)

The permissions are set at 777 for the thumbnail folder so I will raise this problem with my hoster.


the thumbnail-number-in-row affects the number of thumbnails which are shown in the image_template.html

the number of thumbnails in the archive_template.html is defined by the stylesheet there

if you define a <DIV> for the thumbnails with the width of 520px and you have thumbnails with a width of 100, 5 thumbs will be shown in one row

so check that

Ok... can you help me with this... I have a very low ability with this code stuff - it's all new to me. What should I put where?

Thanks for your help.

[Connie]

you cannot expect that we chew everything for you here, you must learn HTML and/or CSS or you will never be independent...
the best way to understand is to use different templates and find out how the Pixelpost-tag <THUMBNAILS> is formatted there in the browse_template.html

in the simple-template browse_template.html for example:

<div align="center">
<BROWSE_CATEGORIES>
<br /><br />
<THUMBNAILS>
</div>

you see that <THUMBNAILS> is centered in a div

you could do it like this:

<div style="width:520px;text-align:left;">
<THUMBNAILS>
</div>

and so the thumbnails would sit in a left-orientated div which has a width of 520 px

you can also set this in a div or span with "width:auto;max-width:82%;" or so and all thumbs which do not fit in that span or div will be in the next line of thumbs
this is CSS

[lyleohm]

Thank you for your reply...
you cannot expect that we chew everything for you here, you must learn HTML and/or CSS or you will never be independent...5 days ago I had no knowledge of Pixelpost, HMTL or CSS. Learning HTML is exactly what I am trying to do. We all have to start somewhere and mine is a low base but each day I'm making progress. It isn't my intention to come here and expect you to "chew everything" but this site had been recommended as a good place to get help with Pixelpost... I guess I need to find somewhere else for any more noob questions I have.

I have seen some excellent Pixelpost sites around, but my priority right now is to get a half decent Pixelpost template up and running and then concentrate on photography rather than spend hours coding. As I learn HTML and CSS then maybe I can change the template over time.

Anyway it seems this is down to my understanding of Pixelpost rather than a coding issue. The thumbnail display I posted is how Pixelpost is.

Thanks for your help and the information on coding, I'm sure it will come in useful.

[GeoS]

You can always talk with some webdeveloper who know PHP/(X)HTML/CSS/... and transfer him your idea for template with little bonus. Then you can expect as nice template as this youve seen :)
There is also the other way - try to learn it yourself step by step. It will give you independency and bigger happines when all will be as you wanted :D

[Connie]

well, you use one of the templates which come with PP

the thumbs in the archive page sit in div #page div

#page {
background:#f5f5f5;
border:1px solid #ccc;
padding:20px;
text-align:left;
width:65%;
margin:0px auto;
margin-bottom:25px;
line-height:16px;
}

#page has a width of 65% of the screen and because these are 65% the screenresolution, your thumbnails in archive page will be presented differently with different screens (800 x 600, 1024 x 768...) (that's because of relative sizes...)

the thumbs are defined by the class .thumbnails which defines the margin, paddings etc.

so what can you do?
you could do like this:

- open the template browse_template.html in the template-folder /simple
there the thumbnails are defined as I mentioned before:

<div align="center">
<BROWSE_CATEGORIES>
<br /><br />
<THUMBNAILS>
</div>
</div>

the thumbnails have a width of 100px

so try to change the code above if you want a fix presentation of 5 images in a row:
<div align="center">
<BROWSE_CATEGORIES>
<br /><br />
<div style="width:515px;text-align:justified;">
<THUMBNAILS>
</div> <!-- end of thumbnails -->
</div> <!-- end of div with category select and thumbnails -->


I hope I did explain the same thing like before, maybe a little more understandable

you could start to use Firefox with the Webdeveloper Extensions, that will help you to identify CSS etc.

read more here:
http://wiki.pixelpost.org/index.php?title=I_read_about_the_%22webdeveloper_e xtensions%22_in_the_forum_sometimes._What_are_they %3F