Page 1 of 1

Image shrink

Posted: 26 Jul 2010, 12:43
by KukY13
Has something like this ever happened to you:
Image
That a image you post is too wide and it gets cut off?

Well, this single line edit will prevent it!

Open common.css:
Find:

Code: Select all

img {
Add after:

Code: Select all

	max-width: 100%;
*Should work with all styles*

Now, any image that is too wide will be shrinked to fit in, and small enough images will retain their original size:
Image

Enjoy!

Re: Image shrink

Posted: 26 Jul 2010, 21:51
by heredia21
Thank you!

Re: Image shrink

Posted: 31 Jul 2010, 12:37
by Pete
Geez... so simple and very useful. Thanks for sharring!

Re: Image shrink

Posted: 01 Aug 2010, 05:39
by kevinviet
Thanks for share KukY13 :)

Re: Image shrink

Posted: 05 Aug 2010, 00:18
by Ephemeraboy
totally useful
thanks

Re: Image shrink

Posted: 28 Aug 2010, 15:59
by testas123
so if image is too wide, it will shrink and if i want to see full size, i click on image and it will pop up in a new window? Yes?

Am i doing it right? :lol:

Re: Image shrink

Posted: 28 Aug 2010, 16:18
by KukY13
testas123 ยป 28 Aug 2010, 15:59 wrote:so if image is too wide, it will shrink and if i want to see full size, i click on image and it will pop up in a new window? Yes?

Am i doing it right? :lol:
No, this will just shrink the image if it is too wide.
If you want to see it in full size on click, try this: viewtopic.php?f=25&t=1098