Forums

Max Width & Heigh for Images

Permalink
Hi there!

I would like to know where and how I would be able to set the parameters for both the maximum width and height of images within the homepage of my concrete5 site.

I'm building a website for a client and want to make sure that when he upload and updates his site, things like image size won't be a problem. He's rather clueless with computers, so I want to make it as easy as possible for him.

If anyone knows what PHP file or CSS code I'd have to alter, that would be much appreciated! Please let me know. Thanks so much!
ageomatic
 
synlag replied on at Permalink Reply
synlag
Good Morning,

you can

1. modify main.css in your theme directory,

2. or go to dashboard, click on 'Pages and Themes', then click on the 'customize' Button of your theme and put 'img { max-width: 100px, max-height: 100px }'
into 'Add Your CSS'.

That's it ;)
Remo replied on at Permalink Reply
Remo
this doesn't work with ie6 and keep in mind that it doesn't reduce the file size. people could upload huge pictures from the digital cameras and it would look good but it would take a long time to load, even with dsl...
synlag replied on at Permalink Reply
synlag
ok, for ie, here is a w3c validated workaround howto for max- and min-width:

<!--[if gte IE 5]>
<style type="text/css">
#container {
   width:expression
      (document.body.clientWidth 
      < 100? "100px": "auto" 
      && 
      document.body.clientWidth 
      > 200? "200px": "auto")}
</style>
<![endif]-->


looks like Bill ;)
Remo replied on at Permalink Reply
Remo
thanks for adding this!
ageomatic replied on at Permalink Reply
ageomatic
Thank you all so much for the posts! I got it working immediately.

Thanks again, you guys are the best!