DANNY CHANG NEW YORK
Posts tagged css
Clearing floats
Nov 4th
A common problem with float-based layouts is that the floats’ container doesn’t want to stretch up to accomodate the floats.
Solution: overflow: hidden;
check out the original article at
CSS font size chart ( by px => percent )
Nov 4th
This is very useful and provided by YUI (Yahoo! UI Library).
I didn’t have any good impression toward to Yahoo! before.
But i am very glad they could share their UI database to open source.
Check out the original documents from here
http://developer.yahoo.com/yui
If you want this size in pixels (px) Declare this percent (%) More >CSS Hacks (for IE 7, IE 6, Opera, etc)
Nov 2nd
The following CSS selectors are considered workarounds and hacks for specific web browsers.
IE 6 and below * html {} IE 7 and below *:first-child+html {} * html {} IE 7 only *:first-child+html {} IE 7 and modern browsers only html>body {} Modern browsers only (not IE 7) html>/**/body {} Recent Opera versions 9 and below html:first-child More >
10 CSS tricks you may not know
Nov 1st
IE bugs? Fix them with CSS and Javascript
Oct 19th
Using CSS to Fix Anything: 20+ Common Bugs and Fixes http://www.noupe.com/css/using-css-to-fix-anything-20-common-bugs-and-fixes.html
Using Javascript to Fix 12 Common Browser Headaches http://www.noupe.com/css/using-javascript-to-fix-12-common-browser-headaches.html
IE Double Margin Float Bug Solution: display: inline; http://www.cssnewbie.com/double-margin-float-bug/
Convert em,px,pt and % in css
Mar 13th
Very useful chart for who cares and designs with web standard.
Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70% 9pt 12px 0.75em 75% 10pt 13px 0.8em 80% 10.5pt 14px 0.875em 87.5% 11pt 15px 0.95em 95% 12pt 16px 1em 100% 13pt 17px 1.05em 105% 13.5pt 18px 1.125em 112.5% 14pt 19px 1.2em 120% 14.5pt 20px 1.25em 125% 15pt 21px 1.3em 130% 16pt 22px 1.4em 140% 17pt 23px 1.45em 145% 18pt 24px 1.5em 150% 20pt 26px 1.6em 160% 22pt 29px 1.8em 180% 24pt 32px 2em 200% 26pt 35px 2.2em 220% 27pt 36px 2.25em 225% 28pt 37px 2.3em 230% 29pt 38px 2.35em 235% 30pt 40px 2.45em 245% 32pt 42px 2.55em 255% 34pt 45px 2.75em 275% 36pt 48px 3em 300%http://sureshjain.wordpress.com/2007/07/06/53/ by Suresh kumar
More >CSS Drop Down Menu
Nov 25th
http://www.tanfa.co.uk/css/examples/css-dropdown-menus.aspI was working on a website for a high tech company, and the creative director asked me to have a backup plan if the client would like to have the sub-menu. Therefore, i found this amazing drop down menu tutorial. I am sure I will be using it again one More >