Max image width

[tropicsbear]

Is it possible to set a maximum image width for your layout in your CSS? Sometimes some of my DW friends post huge images that take forever to load.

Thanks in advance for any help!

Comments

[musyc]

I use this:

.entry-content img { max-width: 500px; }

Change to whatever number works best for you.

[tropicsbear]

Thanks!

[matgb]

I use

.entry-content img { max-width: 99%; }

for mine, then it scales to whatever monitor size I'm on nicely and can't overflow. Rather nifty little trick.

Just checked, I'm not using .entry-content, I'm using .contents, but don't think it should make any difference.

[foxfirefey]

Hrm, if they're taking forever to load, them chances are the images is big in SIZE, not just dimension, and it'll take forever to load no matter what you do with CSS--although musyc's suggestion will definitely keep the width down!

[lilmoka]

*butts in*

Your icon is the most adorable thing ever!

[musyc]

Ooooh, good point. Few people on my lists ever post photography or whatnot, and those that do are very good about cuts, so I didn't even think about filesize. My concern is always keeping the images from busting out my layout boundaries. :)