homepage Welcome to WebmasterWorld Guest from 174.129.76.87
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

    
I WANT crappy scaled images IE style in all other browsers
merijnvw

5+ Year Member



 
Msg#: 4129881 posted 9:57 pm on May 9, 2010 (gmt 0)

Most of the times it's an annoying habit of IE to render scaled images 'bitmap' style. Most other browser make them soft. But that is something I can't use right now, I'm making a page that is used to monitor work times, it uses scaled images, and they need to have sharp edges, that's why.
Is there a way to do this?
thanks

 

mack

WebmasterWorld Administrator mack us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 4129881 posted 10:28 pm on May 9, 2010 (gmt 0)

I have done this in the past by using an image and specifying its width attribute within the code. The image I used was 1px wide and 10px tall (.jpg) I then had the display area and the value was passed. from my script.

Mack.

merijnvw

5+ Year Member



 
Msg#: 4129881 posted 4:44 pm on May 10, 2010 (gmt 0)

hm... thanks for your response but it doesn't work here...

mack

WebmasterWorld Administrator mack us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 4129881 posted 6:35 pm on May 10, 2010 (gmt 0)

What I did was use a css div as the container. I set the width at 100px then placed the image within the container. I then specified the image size as a width from 1px-100px this was read as a percentage from my script.

Mack.

merijnvw

5+ Year Member



 
Msg#: 4129881 posted 9:16 pm on May 10, 2010 (gmt 0)

While that still didn't work for me(sorry and thanks), or we misunderstood eachother, I got it to work in Firefox at least, and that's actually enough as all my colleagues use FF I believe(and it's only for them):

In version 3.5 Firefox added a way to disable the bilinear filter so use nearest neighbor filter:
img{image-rendering:-moz-crisp-edges;}

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved