HedgerWow

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

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

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

Really handy to me

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

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

Now you can have background image for translucent texts

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

http://www.hedgerwow.com/360/dhtml/detect-safari3-by-js-css.html

Fix Safari 3 yourself, if you have to. :-<

Let’s play safari!
http://www.hedgerwow.com/360/dhtml/css-input-style.html

I need to implement a table-like layout for major browsers.

so here’s my quick hack.

I knew it’s not perfect, but really simple
http://www.hedgerwow.com/360/dhtml/css-equal-column-layout.php

Déjà Vu
http://www.hedgerwow.com/360/dhtml/dom-focus-style.php#