Tag Archives: Tips & Tricks

How to remove links dotted border in IE7?

Is your head spinning trying a:focus{outline:none;} to remove the dotted outlines in active links in IE7? Well mine was. After a long research and trying a lot test, I came to face a good, well worked trick to remove those ugly dotted borders.

The myth

Try out Googling on this topic and you ll find everyone is saying use this:

	a:focus, *:focus {outline:none;}

A never working fix for IE7.

But hey, is that property supported in IE7? Simplest and fair answer is “No”. CSS ‘outline’ is not supported in IE7.

Here you will find a quick trick how you can remove active links dotted outlines from IE7. (Sorry for recommending to use CSS expression, but this is the only solution for IE7.)

The Solution

Nothing more, just one lines in needed in your CSS, but its a CSS expression.

a:focus, *:focus {
	noFocusLine: expression(this.onFocus=this.blur());
}

Fix Dotted Borders in IE7


Thats it. All those ugly dotted lines are gone. Its testedĀ againstĀ IE7 only.

Do you have another css trick on this? Share with me – comment it down.

Resize rounded rectangle in Photoshop

Aesthetic interfaces isn’t a easy work. Most designers are working with Photoshop to achieve their best. Rounded corners rectangles are one of the most widely used techniques in interfaces design. While designing in Photoshop, we have Shape tool (U) which gives us easy option to create rounded rectangles. But most designer suffers from hell when they try to resize these kinds of rounded rectangles. Continue reading Resize rounded rectangle in Photoshop