Comments on: The Weekend Quick Tip: Flex Your Images

By: jmarreros

jmarreros — Mon, 21 Dec 2009 02:28:30 +0000

I agree with you, your example is great, thanks.

By: Ryan Kelly

Ryan Kelly — Sat, 14 Feb 2009 00:29:24 +0000

Yes, using max-width would allow you to keep the image in the page and keep the content and style separate.

just set
selector {
max-width: 50em;
}

or whatever you want the container size to be. I’m pretty sure this will center the image, but if it doesn’t just add some more properties.

By: Kevin

Kevin — Thu, 20 Nov 2008 07:29:45 +0000

Great tip and great trick!

It inspired (as I can see by the comments) some people to come up with their own ideas and solutions for the same problem. I think that the original method is good for background images, but may not be the best solution for the in-page ones; for the latter, there are some neat methods in comments.

Tip’s interesting, out of box, it makes people think, and inspires; that’s the real value of it.

Thank you and keep up the good work/tips!

By: Gatot

Gatot — Thu, 25 Sep 2008 09:07:07 +0000

It’s ok tutorial trik html.

thank u

By: Flexible Width Images for Elastic Layouts | MikeWhoBikes

Flexible Width Images for Elastic Layouts | MikeWhoBikes — Sun, 07 Sep 2008 04:43:46 +0000

[...] recently posted an interesting technique for creating “flexing images”. Essentially, CSS is used to crop the image so that the [...]

By: anonymous coward

anonymous coward — Wed, 03 Sep 2008 22:01:02 +0000

demo does not validate

By: Martin Bavio

Martin Bavio — Sat, 16 Aug 2008 06:20:18 +0000

@Jeffrey,

So what if Andy Clarke created it? It´s wrong anyway!

That “gurues have always the true word” is a conception that I dont really follow, they can know more and have more experience, but that isnt the same as having always the true.

And I dont discuss the method itself, I think it´s cool, but I also think you need to add the problems that it has with semantics, and why semantics are good, otherwise, let´s go back to tables and empty gifs!

Cheers.

By: Lex

Lex — Fri, 15 Aug 2008 11:56:44 +0000

I’m working on a better AND semantic methos, 100% CSS. If i can make it work in all A-grade browsers, i will post it here.

By: Jeffrey Way

Jeffrey Way — Tue, 12 Aug 2008 12:48:36 +0000

@Martin – Yes, I have heard of semantics. This is simply an alternative approach if needed. And I should inform you that this method was originally created by Andy Clarke.

By: Martin Bavio

Martin Bavio — Tue, 12 Aug 2008 05:25:53 +0000

????

Dude, have you ever heard of semantics?

I like this site, but I think you have to be more careful about what are you teaching…