Nach Bildung

“Die arbeitenenden Klassen streben nach Bildung, weil sie sie für ihren Sieg brauchen”

Labour and knowledge is a source of success in every profession. If you have no talent, then—learn, read, study, practice and work as much as you are able. It really helps to succeed.

Friday, 7 September 2012

Magic max-width rule


CSS rule max-width:100% makes life easier. There is no need anymore to crop a few versions of one image if we want to place both thumbnail and full-size picture on the website. No need to add any script as well.

It is very easy to do: in css file it is just required to declare:


and every image will be automatically resized fitting the size of its wrapping box (as usual figure tag). Wrapping tag width should be declared in css file as well. If it is fixed layout–in pixels, if it is fluid (responsive) layout–in percents. Shortly to say it should look this way:


Below comes an example, click bigger version of same image.

your description

Image above: screenshot of my Halloween Horror Party web flyer template


Post a Comment