Category: Browser

B

Best PNG Fix for IE 6

PNG fix for IE6 has always been messier than expected. There has been lot of out of the box solutions available on the net. However, the best that worked for me was the "DD Belated PNG" fix. It is a simple PNG fix specific for IE 6. I would recommend you to load it with ...

L

Large CSS background moves on resize, in IE 8

This post is in continuation to the a solution given by webdesignerWall, regarding the use of large CSS backgrounds in your website. You can check the site below: http://www.webdesignerwall.com/tutorials/how-to-css-large-background/ The solution he states is that of using display:table; for body tag wherein you are specifying your large background. The solution works quite fine! But when ...

T

Third party tool styles overriding my styles?

You might come across this scenario wherein, you want to override a css class of a third party add-in, but still not able to apply your styles. Well the reason is nothing but the concept of cascading coming into play. In this case, your third party selectors have the higher precedence over your site stylesheet. ...

C

Concept of cascading in CSS

Most of us know that Cascaded Style Sheet abbreviates to CSS . But why is it called so? What is the cascading happening out in the stylesheet. Well the concept is pretty simple, but powerful. You might come across scenarios wherein, you want to override a css class of a third party add-in, but still ...

C

CSS shortcuts

Using shortcuts in css, makes your CSS look neat, clean and compressed. It should be always taken into account that, you cannot simply play around with shortcuts. Different browsers, behave differently to the shortcuts. Following are some of the simple and effective shortcuts that i use in my css: Using Zeros :You need not mention ...

R

Relative positioning to control absolute positioned elements

Trust me! Initially I  had a big time, figuring out what's with this positioning of relative and absolute.  Before i move into the details of this article, let me take a quick tour through the positioning css offers us. CSS Position types: Absolute : To position the elements absolutely or perfectly, with respect to a ...

H

How to disable text selection in a table

When the user drags the mouse over the rows, the row text gets selected, looking a bit awkward. Check the image below: In order to prevent the user from doing these selections and to keep the rows integrity, we can use the following options: CSS Fix -  works with all browsers except IE Controlling KeyEvents ...

Advertisements
Advertisements