Category Archives: CSS

Hide Dropdown list when clicking outside

If you are working on menu creation or anything interactive and your need is to automatically close drop-down as soon as you click anywhere on your page, you can achieve the same by using below code via jQuery: Please share …

Read more »

animated image not moving/animating in IE(Internet Explorer)

If you are having Problem showing loader GIF in Internet Explorer or any animated image. You can use a css trick via javascript for the same. Pre-load loader image and insert it via JavaScript on run time.

cross browser opacity

TO obtain a cross browser opacity please prefer following style-code which will handle opacity for all browsers: For any?’s, let me know.

css manipulation in jQuery

if you want to set style of an element(s), you can refer following example for your reference: Queries are most welcome. — Anoop kumar sharma

Use jQuery while creating Firefox plugin

Hello All, Since I have expertise in jQuery, I thought can we use jQuery in firefox plgin[xpi]? and answer i decided “YES”. To use jQuery in your plugin, only thing you need to do is: Download jQuery api “jQuery-min.js” from …

Read more »

Select dropdown with fixed width cutting off content in IE

I did Google about this issue but didn’t find any best solution, so I created a solution based on JQuery that works fine in all browsers. just call badFixSelectBoxDataWidthIE() function on page load.

Get Microsoft Certification For Free- HTML5 with JavaScript and CSS3 [70-480] Which Costs $80

Steps to get Microsoft Certification For Free: Open Prometric registration page http://www.register.prometric.com/ClientProgram.asp Select : India > Client : Microsoft > Program : Microsoft(070,071,074,….) Then select 70-480: Programming in HTML5 with JavaScript and CSS3 at a testing center near you. Use …

Read more »

Margin=auto not working in IE[internet explorer]

Today while I was working on designing one page, I faced an issue that margin=auto was not working on my page. FIxes are as following: [Solution]: Add Transitional DocType on the top of your webpage.  <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML …

Read more »