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
marginsto 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...
by Daniel Weinand Tobias Lütke, founder of Shopify
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...
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.
...
I have just planted our garden for the summer (stage 2) and thought this may come in handy for those like minded fellow gardeners.
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
Copyright © 2010
Evolution Design Inc.
. All Rights Reserved. All prices USD.
