Category: Standards
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. ...
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 ...
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 ...
CSS Menu Stepdown Issue
Normally when floating objects you can count on them lining up vertically until they break. That is, you could if you weren’t using IE 6. IE 6 appends a line break effect after each floated block element which will cause “stepdown”. The fix here is to make sure the line-height in the parent element is ...
Some Common Html Validation errors you should keep in mind
Some common standards that i keep in mind while writing an html code: 1. Avoid using html tags inside <script>: It would be good if you avoid using html tags inside script tags on the page. <script type="text/javascript"> <!-- // This is an error! document.write("</P>"); // --> </script> As mentioned in the HTML 4 Recommendation's ...
Setting screen width for Web sites to be viewed on iPhone
Fixing the width of the page in iPhone to a certain value is not direct. Safari is assuming an 800px width. The best solution to this is just by using the meta tags. Check the snippet below: To set the width to the screen width based on the mode he is in, be it landscape ...
Avoiding CSS Image Flicker issue in IE 6.0
There are two types of flickering when it comes to the background-image CSS attribute and its IE6 support. The first is when the whole image flickers. This one can be solved by the aforementioned workarounds. Here is another nice article: http://www.fivesevensix.com/studies/ie6flicker/ The other one is cursor flickering - when you hover an element with the ...
