PDA

View Full Version : Browse Thumbnails and IE


Fellow Eskimo
04-14-2008, 08:23 PM
Ok, so on my site, I tried to regenerate the thumbnails to display only 4 thumbs per row...and PP wont do it. I dont know why.

http://www.alishahimephotography.com/index.php?x=browse

Also, you cannot see my images in IE. Go figure. Why? Lord help me *or someone on this board*, I need this site running by tonight.

dhdesign
04-15-2008, 12:28 AM
Ok, so on my site, I tried to regenerate the thumbnails to display only 4 thumbs per row...and PP wont do it. I dont know why.

http://www.alishahimephotography.com/index.php?x=browse

First, what is the setting you have under Options>>Thumbnails>>Thumbnailrow? That is where you need to set it to 4.

Second, I took a look at your stylesheet and you have no width defined for #wrapper.

Current:
#wrapper {
text-align: center;
margin: 20px auto 10px;
padding: 0 20px;
}


As such, on a large resolution (larger than 1024x768), you are seeing 5 (or more) thumbs per row. On 1024x768, there are only 4 thumbs/row; on 800x600, there are only 3 thumbs/row.

If you want it to be 4 images to a row no matter the screen resolution, then change your stylesheet to read:

#wrapper {
width: 900px;
text-align: center;
margin: 20px auto 10px;
padding: 0 20px;
}


Changing it to a fixed width will give you 4 thumbs/row; however, it will also mean that anyone with a screen resolution smaller than 1024x768 is going to have a horizontal scrollbar at the bottom of the page.

Also, you cannot see my images in IE. Go figure. Why? Lord help me *or someone on this board*, I need this site running by tonight.

I checked the code for the main image page, and the image width isn't getting added because of a typo. Currently you have width="<IMAGE_WIDTH >" in the image_template.html code where it calls the image - there is an extra space in the width tag. It needs to be width="<IMAGE_WIDTH>". That should solve the issue of IE not displaying your images.

Fellow Eskimo
04-15-2008, 03:55 PM
Thank you so much! *cheers*