My Monkey Do

Problem I’m using the Apprise jQuery plugin to show a fancy alert box on a webpage.  The problem is I also have the embedded iFrame code from YouTube on the page.  When the fancy alert box shows in Internet Explorer, it shows behind the video.  It works in all other browsers.   Solution The solution [...]

All tools listed here are free and ready to use.   Great for creating gradients, even in IE: http://www.colorzilla.com/gradient-editor/   Great for an alternative to Photoshop or even Gimp if you don’t have anything installed: http://pixlr.com/editor/

Problem Using jPlayer to play video works fine in Chrome and Firefox and the iPhone, but does not play in Internet Explorer 9 (IE9).  In IE9 it just shows a black screen and goes back to the first frame.   Solution What seemed to fix the problem was defining  the mime types.  Simply add the [...]

Apparently IE 8 cannot change the display of a element to inline-block unless it natively is inline.  The fix is to trigger hasLayout on the element before trying to change it.  Below is a code snippet to get elements to behave properly in the annoying world of Internet Explorer. display:inline-block; zoom:1; *display:inline; source: http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/ keyword: ie [...]

Problem One of the smaller pages on a wordpress site I was working on printed about 75 pages in Interent Explorer (73 of which were blank).  Both Firefox and Chrome printed the normal 1-2 pages.  Only the contact us page had this problem.   Solution Luckily only the contact us page had this problem.  It [...]

A collection of opacity syntax for multiple browsers. .img_transparent_class { /* IE 8 */ -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; } keywords: css opacity all browsers source: http://www.naveenos.com/2011/07/css-opacity-in-all-browsers.html 

Found a great article that demonstrates vertically centering multiline text.  It uses display:table and display:table-cell among some IE hacks.   keywords: css vertical center text source: http://css-tricks.com/vertically-center-multi-lined-text/

Problem The thumbnails for the next-gen gallery wordpress plugin show up very skinny.  However using the nggallery widget with IE8 Webslices seems to work fine.  I tried adding “webslice=1″ or some variation of it to include this webslice option for IE8, however, I don’t think it was implemented. Solution A great solution that solved my [...]