Jump to content
Sign in to follow this  
Martin Bay

Thumbnails scale from 150x150 to 147x147px

Recommended Posts

Martin Bay

I'm updating my iPad Wallpaper site to Pagelines Framework and for some reason the theme scale thumbnails from 150x150 to 147x147px Have a look: http://ipadwallpapersbybay.com/ Any idea of how to get them 150x150px?

Share this post


Link to post
Share on other sites
Jackey
In Safari the thumbs scale down to 140x140. It is the 4px padding + two 1px lines that causes it to shrink from 150x150 to 140x140. Loose the frame, or add 10px to the size of the frame I would think... I hope this will display well in IE8, because this kind of scaling often fails in that browser. (this maybe explains the differences in padding of the thumbnails in IE8)

Share this post


Link to post
Share on other sites
Martin Bay
Solved! [code].post-meta .c_img {border: 0px solid transparent; float: left; padding: 4px; max-width: 100%;} [/code] I wonder why max-width were set to 98%

Share this post


Link to post
Share on other sites
Jackey
hmmm... the image is still scaled down 8px because of the 4px padding ;) Looks clean though! I think the max-width makes sure it does not go beyond 150x150, pushing divs out of whack.

Share this post


Link to post
Share on other sites
Martin Bay
Have you refreshed the browser - here it IS 150x150px. Thanks again.

Share this post


Link to post
Share on other sites
Jackey
In safari-mac it really looks like this on a fresh load [IMG]http://i.imgur.com/hPn9E.jpg[/IMG]

Share this post


Link to post
Share on other sites
Martin Bay
Thanks again. Now it should be cool and 150px for all browsers (Chrome/Safari/FireFox). Thanks for having a look again - appreciated. Martin

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×