About compressing images

[valiha]

This has something to do with the desktop meme. (Before I go further I'm not preaching, or telling you how you should post in your journal. This is just in case you want to stop images stretching it, if that bothers you).

Obviously, these images are all very large, and some of you might be unfamiliar with how to insert an image or do an LJ cut. I know people who don't like cuts and never use them even when they're posting desktop-sized images. I may not like it, but it's done all the time, and really, they do have a right to use their journal however they want to. So, instead of waiting for others to do something about it, why not take care of it yourself?

I used a very simple piece of code which is written for Smooth Sailing, but I believe other themes have something similar. In your css file, find

.entryHolder{

and paste

overflow:auto;

right after it. It will give you a vertical scroll bar, returning your page to normal. I don't like it that much, but it seems to be the only thing available so far. I think there's one that enables you to resize images that appear on your friends page without actually affecting them. If I find it, I'll definitely try it out.

Comments

[sallymn.livejournal.com]

Oooh, I didn't know how to do that - I used a thumbnail, 'cause I have learned that :)

This will be very helpful, thank you!!! (I use Smooth Sailing too...)

[dj-aida.livejournal.com]

You're welcome, glad I could help. Thing is, I'm trying to teach myself html and css, so when I find these things I get the urge to share. I don't want to come off like I'm preaching, hence the disclaimer :).

I'm currently trying something out with my new website, so if you want to check it out in a day or so and let me know how it looks, I'd appreciate it!

[dj-aida.livejournal.com]

I posted a question on the s2smoothsailing support community about preventing layout stretching, and got this piece of code:

.entryText img {
max-width: ×××px;}

It resizes images with a width larger than the specified pixels. Replace ××× with your pixel value. I used 450px and so far so good. Just in case you need it!