Dmitri's Blog » ie http://www.dmitri.me/blog Dmitri Smirnov. Web development in Estonia. Tue, 10 Aug 2010 12:07:30 +0000 http://wordpress.org/?v=2.9 en hourly 1 Hide outline border on A tag focus http://www.dmitri.me/blog/hide-outline-border-on-a-tag-focus/ http://www.dmitri.me/blog/hide-outline-border-on-a-tag-focus/#comments Thu, 15 Oct 2009 07:01:54 +0000 Dmitri http://www.dmitri.me/blog/?p=319 .out1:focus { outline:1px dotted black; }

When you focus A tag or submit button sometimes outline border looks ugly on websites. Here are examples:
Foobar toyota

This can be easy fixed (for all browsers except Internet Explorer!) by adding 1 line of CSS rule:
a:focus { outline: none; }

IE has non-standard HTML attribute hideFocus=”true” to solve this problem. Of course you don’t like to put this attribute in every <A> tag and submit buttons in your HTML. I have 2 working solutions for all browsers:

CSS expression solution

input, a {
  outline:expression(hideFocus='true');
  outline:none;
}

jQuery solution

$("a, input").each(function() {
  $(this).attr("hideFocus", "true").css("outline", "none");
});

]]> http://www.dmitri.me/blog/hide-outline-border-on-a-tag-focus/feed/ 0 Internet Explorer intepolation mode for images http://www.dmitri.me/blog/internet-explorer-intepolation-mode-for-images/ http://www.dmitri.me/blog/internet-explorer-intepolation-mode-for-images/#comments Wed, 11 Feb 2009 13:09:59 +0000 Dmitri http://www.dmitri.me/blog/?p=221 Every self-respecting web-designer and web-developer know that when scaling images browser makes picture smaller or larger by definite “magic” algorithms. All browsers except IE, do that much-less correctly.

In Internet Explorer you should setup that algorithm manually as CSS property.

img { -ms-interpolation-mode:bicubic }

So here is result, screenshot are taken in IE7 with
image scale about 50-60%.

Without algorithm
Bicubic algorithm disabled (default)

Without algorithm
Bicubic algorithm enabled

Read more on MSDN website about this issue.

Enabling interpolation algorithm is useful for any kind of *boxes like Fancy Box, Shadowbox, Light Box, etc…

NB! Enabling algorithms can decrease IE’s performance up 2 times!
Nice joke, BILL!

]]> http://www.dmitri.me/blog/internet-explorer-intepolation-mode-for-images/feed/ 0