Archive for September, 2007

Fancy Sliding Tab Menu V2

94

Sep
12

The Fancy Sliding Tab Menu is back and better than ever in Version 2 and this time I’ve included an idle state listener to bring all the tabs back to their normal state after a desired amount of time without mouse movement on the window.

The menu is developed in script.aculo.us and as I have mentioned above has some extra features as requested in comments after the last version of the Fancy Sliding Tab Menu. I have some more ideas for the menu and once I have implemented those I will post on here again with full documentation.  I have really put it up here for now to hear peoples comments.

demo

Have a look for yourself at the new Fancy Sliding Tab Menu demo.

code

Feel free to download the Fancy Sliding Menu Code.

CSS PNG Hack Revisited

5

Sep
08

In my previous article "CSS PNG Hack for Internet Explorer (IE)" I showed a commonly used CSS method deployed to enable the usage of PNG’s in Internet Explorer 6. However, I did not mention one vital piece of information that was brought up in the comments section of the article.

When using the CSS IE filter you CAN place it in an external style sheet, however, you have to reference the PNG as if you are referencing it directly from the page in question NOT the style sheet.
For example your home page will sit at the root of your site, your logo PNG sits in a folder called images which is also at the root of your site and your style sheet sits in a folder called CSS also at the root of your site.
To correctly reference this image you must use the following code.

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’images/logo.png’,sizingMethod=’scale’);

NOT

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/logo.png’,sizingMethod=’scale’);