Posts Tagged ‘image’

Image size trick in css

Posted in Miscellaneous on October 30th, 2009 by Thomas – Be the first to comment

In a css layout of a webpage where the whole site is created using em, images often ends up “destroying” the layout when a user increases or decreases the text-size. This can easily be fixed by a simple cms trick.

     <img class="list-image" src="/path-to-your-image.jpg" width="100" height="200" />

If you want the image to scale coherently to the em size, do the following:

. list-image {
      width: 10em !important;
      height: 20em !important;
}

Sexy single file upload widget gizmo thing-a-ma-jig

Posted in Serverside, XHTML / JavaScript / CSS on July 2nd, 2009 by Erland – Be the first to comment

A very nice upload widget. Check it out.