max-width is the property used for limiting the width of the image to predefined value. So it will help to show small sized pictures to display in their original size while resizing the large-sized images into a predefined maximum width.
By doing this we can keep avoid any misalignment of web page due to large-sized images while keeping quality of small-sized images.
But this max-width property won't work in IE 6(Internet Explorer 6).
So we can use the below workaround to make it work in IE6 also. The below style will limit the image width to 300px.
imgstyle {
max-width: 300px;
width:expression(this.width > 300 ? "300px" : this.width);
}
More Articles...
Friday, August 21, 2009
Popular Posts
- Software Testing Quiz Questions and Answers
- Javascript Quiz Questions and Answers
- MySQL Quiz Questions and Answers
- SEO Your Blog the Easy Way - Guest Post
- SEO (Search Engine Optimization) Quiz Questions and Answers.
- HTML Quiz Questions and Answers
- Best Motivational Quotes Book | Kindle eBook and Paperback | Read for FREE with Amazon's Kindle Unlimited
- PHP Quiz Questions and Answers
- Basic Computer Hardware Quiz Questions and Answer.
- Use of tinyurl in Twitter

No comments:
Post a Comment