Evolution Blog

Centering (horizontally and vertically) an image in a box

The problem

We want to center an image inside a container, bigger than the image and with assigned dimensions. The image is not a background one, it’s a true <img> element.

Any image has well defined dimensions, so the easiest and most reliable way to solve the problem is:

  • make the image display:block
  • assign to the image the needed left and top margins to get it centered in the container. Each of this margin value is obviously half the difference between a dimension of the container...
    Posted by Posterous on February 05, 2010.
    Read More...

Shopify, a Start-Up, Starts Its Own Business Competition

 by Daniel Weinand Tobias Lütke, founder of Shopify
The Prize

It is routine, of course, for start-ups to participate in business plan competitions and related events. It is virtually unheard of, however, that a start-up would hold its own competition to foster start-ups — especially one offering a first-place prize of $100,000. But that is precisely what...

Posted by Jamie Sutton on February 03, 2010.
Read More...

Font stack builder

Use the Code Style font stack builder to create robust CSS font-family declarations. The font stack builder shows the probability that your preferred fonts are displayed on Windows, Mac and Linux Web browsers.

...

Posted by Posterous on February 03, 2010.
Read More...

I have just planted our garden for the summer (stage 2) and thought this may come in handy for those like minded fellow gardeners.

Posted by Jamie Sutton on May 04, 2009.
Read More...

These free halftone vectors just came in super handy on a project. So thanks for sharing Nick! Check his blog often for excellent articles and freebies.

Posted via web from evolutiondesign's posterous

Posted by Posterous on May 03, 2009.
Read More...