IE RGBa Workaround
november 2010 by hendynz
For RGBa? in IE, just use the gradient filter with the same start and end colours. The first hex pair is the alpha value (ie: AARRGGBB).
.tools {
filter: progid:DXImageTransform.Microsoft.grad...
css
colour
internetexplorer
from notes
.tools {
filter: progid:DXImageTransform.Microsoft.grad...
november 2010 by hendynz
IE6 Floats
november 2010 by hendynz
IE6 has a wicked bug which doubles the margin on any floated elements. This could be a huge problem, but is easily fixed by adding display: inline to that which is floated. This causes no side-effects...
css
internetexplorer
from notes
november 2010 by hendynz
IE6 Block Links
november 2010 by hendynz
The key is to trigger hasLayout.
* html ul li a {
height: 1%;
}
html
css
internetexplorer
from notes
* html ul li a {
height: 1%;
}
november 2010 by hendynz
Clearing Floats
november 2010 by hendynz
You don't need clear:both, or .clearfix.
Just use:
#container {overflow:hidden}
/*IE6 hack*/
#container {display:inline-block} #container {display:block}
css
from notes
Just use:
#container {overflow:hidden}
/*IE6 hack*/
#container {display:inline-block} #container {display:block}
november 2010 by hendynz
Anchor Pseudo Classes
november 2010 by hendynz
Proper order for a pseudo-classes (from http://www.w3schools.com/CSS/css_pseudo_classes.asp):
a:link
a:visited
a:hover
a:active
css
from notes
a:link
a:visited
a:hover
a:active
november 2010 by hendynz
related tags
accessibility ⊕ colour ⊕ content ⊕ css ⊖ css3 ⊕ debugging ⊕ design ⊕ education ⊕ framework ⊕ graphics ⊕ grids ⊕ html ⊕ html5 ⊕ i18n ⊕ images ⊕ internetexplorer ⊕ iphone ⊕ javascript ⊕ jquery ⊕ json ⊕ mobile ⊕ navigation ⊕ patterns ⊕ reference ⊕ responsive ⊕ seo ⊕ server ⊕ tools ⊕ typography ⊕Copy this bookmark: