Comments on: The Weekend Quick Tip: Flex Your Images http://net.tutsplus.com/tutorials/html-css-techniques/the-weekend-quick-tip-flex-your-images/ Web Development & Design Tutorials Sat, 21 Nov 2009 18:53:09 -0800 http://wordpress.org/?v=2.8.4 hourly 1 By: Ryan Kelly http://net.tutsplus.com/tutorials/html-css-techniques/the-weekend-quick-tip-flex-your-images/#comment-35752 Ryan Kelly Sat, 14 Feb 2009 00:29:24 +0000 http://nettuts.com/?p=73#comment-35752 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. 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 http://net.tutsplus.com/tutorials/html-css-techniques/the-weekend-quick-tip-flex-your-images/#comment-19464 Kevin Thu, 20 Nov 2008 07:29:45 +0000 http://nettuts.com/?p=73#comment-19464 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! 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 http://net.tutsplus.com/tutorials/html-css-techniques/the-weekend-quick-tip-flex-your-images/#comment-12327 Gatot Thu, 25 Sep 2008 09:07:07 +0000 http://nettuts.com/?p=73#comment-12327 It's ok tutorial trik html. thank u It’s ok tutorial trik html.

thank u

]]> By: Flexible Width Images for Elastic Layouts | MikeWhoBikes http://net.tutsplus.com/tutorials/html-css-techniques/the-weekend-quick-tip-flex-your-images/#comment-10273 Flexible Width Images for Elastic Layouts | MikeWhoBikes Sun, 07 Sep 2008 04:43:46 +0000 http://nettuts.com/?p=73#comment-10273 [...] recently posted an interesting technique for creating “flexing images”. Essentially, CSS is used to crop the image so that the [...] [...] recently posted an interesting technique for creating “flexing images”. Essentially, CSS is used to crop the image so that the [...]

]]> By: anonymous coward http://net.tutsplus.com/tutorials/html-css-techniques/the-weekend-quick-tip-flex-your-images/#comment-9790 anonymous coward Wed, 03 Sep 2008 22:01:02 +0000 http://nettuts.com/?p=73#comment-9790 demo does not validate demo does not validate

]]> By: Martin Bavio http://net.tutsplus.com/tutorials/html-css-techniques/the-weekend-quick-tip-flex-your-images/#comment-7608 Martin Bavio Sat, 16 Aug 2008 06:20:18 +0000 http://nettuts.com/?p=73#comment-7608 @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. @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 http://net.tutsplus.com/tutorials/html-css-techniques/the-weekend-quick-tip-flex-your-images/#comment-7529 Lex Fri, 15 Aug 2008 11:56:44 +0000 http://nettuts.com/?p=73#comment-7529 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. 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 http://net.tutsplus.com/tutorials/html-css-techniques/the-weekend-quick-tip-flex-your-images/#comment-7211 Jeffrey Way Tue, 12 Aug 2008 12:48:36 +0000 http://nettuts.com/?p=73#comment-7211 @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. @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 http://net.tutsplus.com/tutorials/html-css-techniques/the-weekend-quick-tip-flex-your-images/#comment-7180 Martin Bavio Tue, 12 Aug 2008 05:25:53 +0000 http://nettuts.com/?p=73#comment-7180 ???? 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... ????

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…

]]> By: shod4n http://net.tutsplus.com/tutorials/html-css-techniques/the-weekend-quick-tip-flex-your-images/#comment-7094 shod4n Mon, 11 Aug 2008 18:43:17 +0000 http://nettuts.com/?p=73#comment-7094 Wow, perfect solution! Wow, perfect solution!

]]>