CSS Hack

Imageless Fuzzy Shadows with CSS + HTML

It’s fun to play with CSS over 10 years.
Year 1999: filter:blur();
Year 2009: background:url(/category/css_hack/dataimage/pngbase64/index.html);
http://www.hedgerwow.com/360/dhtml/css_fuzzy_shadow/demo.php

:-)

CSS Hack
CSS
UI

Comments (5)

Permalink

In case you need to implement min-width for IE6

I’ve posted a example about make min-width work on IE6 before, and this post is about giving you a bare bone template with min-width support so that you can simply grab the code for your layout easily.

Though the CSS / HTML seems tricky for some developers, I still think this a far better solution than the extremely expensive expression(); solution.
the template is available here http://www.hedgerwow.com/360/bugs/css-only-min_width_ie6_2..html

Update:this one works even better for me.
http://www.hedgerwow.com/360/dhtml/css-min-width-final.html

Cheers

CSS Hack
CSS
layout

Comments (8)

Permalink

Import Javascript into CSS for IE6

So much love & hate for IE6 :-P

http://www.hedgerwow.com/360/dhtml/ie6-css-hack-import-js.html

JavaScript
CSS Hack
CSS
IE only

Comments (2)

Permalink

Menu Separators 101

Think differently.
http://www.hedgerwow.com/360/dhtml/css-menu-separator.html

CSS Hack
CSS

Comments (2)

Permalink

get fontSize in pixel

http://www.hedgerwow.com/360/dhtml/dom-get-pixel-fontsize.html 

An easy example to show how get font-size in pixel for fonts with Font Sizes like “large”, “1.2em”, “70%”.

:-D

DOM
CSS Hack
CSS
UI

Comments (1)

Permalink

Fix SELECT with ActiveX control For Internet Explorer

In some cases, I may prefer ActiveX control to fix this instead of using filters

Example:

 http://www.hedgerwow.com/360/bugs/activex-listbox/demo.php

CSS Hack
IE only
UI

Comments (13)

Permalink

design min-width for Internet Explorer 6, again.

here are my updates for recent hacks about simulating  CSS “min-width” on IE6.

Let’s say the min-width is 750px, and you have a page (#page{ min-width:750px;});

  1. If the width  of your page is “auto”,   then you need to add extra border-right:750px to BODY, then add margin-right:-750px to the #page to offset  the  extra border width  of  BODY .
    Guess what, you’ll get the min-width of 750px on IE for free.

    I’d love to thanks my co-worker, Matt Sweeney who showed me this great example before and all I did was to hide the extra border-color in my way.

    See live example and source codes:
    http://www.hedgerwow.com/360/bugs/css-only-min_width_ie6.html

  2. If the page width will zoom by text-size, say  #page{ width:70em;}, then you may use  pixelWidth
    to achieve the same goal.
    See more source code in the example:
    http://www.hedgerwow.com/360/bugs/ie-min-width.html

CSS Hack
CSS

Comments (9)

Permalink

RGBA Background Generator

Really handy to me :-)

http://www.hedgerwow.com/360/dhtml/rgba/generate.php

DOM
Dynamic Graphic
CSS Hack
CSS

Comments (1)

Permalink

Implement RGBA colors for moderweb browsers

Do you know  Alpha Components?
http://www.hedgerwow.com/360/dhtml/rgba/demo.php

Uncategorized
DOM
Dynamic Graphic
CSS Hack
CSS
FancyStyle

Comments (0)

Permalink

Taming opacity with Texts for Internet Explorer

Now you can have background image for translucent texts :-D

http://www.hedgerwow.com/360/bugs/fix-ie-opacity-text.html

CSS Hack
CSS
IE only
bug

Comments (2)

Permalink