Category: Browser
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 ...
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 ...
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 ...
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 ...
how to change the default text selection color in Browser
One of those cool CSS3 declarations that you can use today is ::selection, which overrides your browser-level or system-level text highlight color with a color of your choosing. The biggest hit is in the fact that only Safari and Firefox are supporting this, and both in slightly different ways. IE totally ignores them. Fortunately, this ...
WYSIWYM Editors – Time to bid adieu to WYSIWYG Editors
WYSIWYG (What You See Is What You Get) editors have been booming up in the market lately. Often people get confused,as to use which one. Quite frequently, they end up using expensive third party editors, with cool features and UI. Fair enough to fool your clients. One important thing that we miss out here 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 ...
Styling a file upload control or input type = “file”
FileUpload control has weird styles, especially when you view them across browsers. The normal look and feel of the control, would look like something below: The Safari one looks really worth a bug for the testers. This solution to style fileupload controls is a concise and verified version of the solution by Michael McGrady. Step ...
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 ...
The Relentless FrontEnd - Aackose Lal's Blog 