http://www.diigo.com/user/Om19bao/css Wed, 25 Jun 2008 12:37:54 -0000 Wed, 25 Jun 2008 12:37:54 -0000 http://ejohn.org/blog/sub-pixel-problems-in-css <p></p><p><strong>Highlights and Sticky Notes:</strong><p><div class="content"><img title="" src="http://ejohn.org/images/offset-ff2.png" alt="" /></div></p><p><div class="content"><img title="" src="http://ejohn.org/images/offset-ff3.png" alt="" /></div></p><p><div class="content">Both Opera and Safari round down the widths of all the divs to 12px.</div></p><p><div class="content">Both Internet Explorer 6 and 7 round the widths of all the divs up to 13px.</div></p><p><div class="content">Both Firefox 2 and 3 mix the rounding of the div widths to 12px and 13px</div></p><p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Wed, 25 Jun 2008 12:37:54 -0000 http://www.brunildo.org/test/BackgroundBorder2.html <p></p><p><strong>Highlights and Sticky Notes:</strong><p><div class="content"><ul><li>a background color should extend under the border area of the element and be visible when the border has some transparent parts (which is probably the case when border style is dotted, dashed, double)</li> <li>a background image with "background-position: 0 0" should start at the padding edge of the element (but then, if "repeated", it should extend also under the border.)</li></ul></div></p><p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/iebug' rel='tag'>iebug</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Sun, 20 Apr 2008 04:09:32 -0000 http://reference.sitepoint.com/html <p></p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/tools' rel='tag'>tools</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Wed, 12 Mar 2008 06:27:41 -0000 http://www.campaignmonitor.com/blog/archives/2007/04/a_guide_to_css_support_in_emai_2.html <p></p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/design' rel='tag'>design</a> <a href='http://www.diigo.com/user/om19bao/email' rel='tag'>email</a> <a href='http://www.diigo.com/user/om19bao/html' rel='tag'>html</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Mon, 25 Feb 2008 10:56:04 -0000 http://www.hedgerwow.com/360/dhtml/css-display-inline.html <p># Internet Explorer 5.0 (Standalone)<br /># Internet Explorer 5.5 (Standalone)<br /># Internet Explorer 6.0<br /># Firefox 1.07( Portable Beta)<br /># Firefox 1.5<br /># Opera 8.54<br /># Opera 9.0 Beta2<br /># Mozilla 1.7.11<br /># Safari 2.0.3</p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/firefox' rel='tag'>firefox</a> <a href='http://www.diigo.com/user/om19bao/iebug' rel='tag'>iebug</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Sun, 24 Feb 2008 06:31:57 -0000 http://developer.mozilla.org/en/docs/Mozilla_CSS_Extensions <p></p><p><strong>Highlights and Sticky Notes:</strong><p><div class="content">Child elements are laid out horizontally or vertically (based on the value of the -moz-box-orient property).</div></p><p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/firefox' rel='tag'>firefox</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Sun, 24 Feb 2008 06:16:01 -0000 http://css-discuss.incutio.com/?page=FrontPage <p></p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/links' rel='tag'>links</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Sun, 09 Dec 2007 08:06:54 -0000 http://alistapart.com/articles/goingtoprint <p></p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/font' rel='tag'>font</a> <a href='http://www.diigo.com/user/om19bao/print' rel='tag'>print</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Sun, 09 Dec 2007 08:04:10 -0000 http://24ways.org/2007/back-to-the-future-of-print <p></p><p><strong>Highlights and Sticky Notes:</strong><p><div class="content">2. Linearise your content</div></p><p><div class="content">imply put serif-ed fonts such as Georgia work better on print</div></p><p><div class="content">ou will probably want to increase font size and line height and change from <code>px</code> to <code>pt</code></div></p><p><div class="content"><ul><p><span class="caps">CSS</span>:</p> <ol class="code"> <li><code>a:link:after,</code></li> <li><code>a:visited:after,</code></li> <li><code>a:hover:after,</code></li> <li><code>a:active:after {</code></li> <li class="tab1"><code>content: " &lt;" attr(href) "&gt; ";</code></li> <li class="tab1"><code>color: grey;</code></li> <li class="tab1"><code>font-style: italic;</code></li> <li class="tab1"><code>font-weight: normal;</code></li> <li><code>}</code></li> <li><code>a[href^="/"]:after {</code></li> <li class="tab1"><code>content: " &lt;http://www.example.com"attr(href)"&gt; ";</code></li> <li><code>}</code></li> <li class="source"></li></ol></ul></div></p><p><div class="content">You will need to set <code>{display: table-header-group;}</code> explicitly for IE even though this should be the default value.</div></p><p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/font' rel='tag'>font</a> <a href='http://www.diigo.com/user/om19bao/print' rel='tag'>print</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Sun, 09 Dec 2007 07:52:59 -0000 http://24ways.org/2007/supersleight-transparent-png-in-ie6 <p></p><p><strong>Highlights and Sticky Notes:</strong><p><div class="content">Background images cannot be positioned or repeated</div></p><p><div class="content">Delayed loading and resource use</div></p><p><div class="content">Links become unclickable, forms unfocusable</div></p><p><div class="content">Often this can be solved by giving the links or form elements <code>hasLayout</code> using <code>position: relative;</code></div></p><p><div class="content"><p>SuperSleight adds a number of new and useful features that have come from the day-to-day needs of working with <span class="caps">PNG</span>s.</p> <ul> <li>Works with both inline and background images, replacing the need for both sleight and bgsleight</li> <li>Will automatically apply <code>position: relative</code> to links and form fields if they don’t already have <code>position</code> set. (Can be disabled.)</li> <li>Can be run on the entire document, or just a selected part where you know the <span class="caps">PNG</span>s are. This is better for performance.</li> <li>Detects background images set to <code>no-repeat</code> and sets the <code>scaleMode</code> to <code>crop</code> rather than <code>scale</code>.</li> <li>Can be re-applied by any other JavaScript in the page – useful if new content has been loaded by an Ajax request.</li> </ul> <strong> <a href="/code/supersleight-transparent-png-in-ie6/supersleight.zip">Download SuperSleight</a></strong></div></p><p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/iebug' rel='tag'>iebug</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Fri, 07 Dec 2007 06:14:20 -0000 http://andymao.com/andy/post/84.html <p></p><p><strong>Highlights and Sticky Notes:</strong><p><div class="content">还有是截掉字数后面后面加个省略号，以提示内空是被截掉的。<br />-o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;</div></p><p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/font' rel='tag'>font</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Wed, 21 Nov 2007 19:31:14 -0000 http://www.alistapart.com/articles/howtosizetextincss <p></p><p><strong>Highlights and Sticky Notes:</strong><p><div class="content">The default text size of the base case is a good starting point, but for most people (designers, clients, and their customers) 16px is too large for body text.</div></p><p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/font' rel='tag'>font</a> <a href='http://www.diigo.com/user/om19bao/typography' rel='tag'>typography</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Wed, 21 Nov 2007 19:26:09 -0000 http://www.csszengarden.com/?cssfile=/202/202.css&page=0 <p></p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/design' rel='tag'>design</a> <a href='http://www.diigo.com/user/om19bao/funny' rel='tag'>funny</a> <a href='http://www.diigo.com/user/om19bao/group' rel='tag'>group</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Wed, 21 Nov 2007 19:19:03 -0000 http://perishablepress.com/press/2007/01/16/maximum-and-minimum-height-and-width-in-internet-explorer <p>height: expression( this.scrollHeight &gt; 332 ? &quot;333px&quot; : &quot;auto&quot; ); /* sets max-height for IE */</p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/iebug' rel='tag'>iebug</a> <a href='http://www.diigo.com/user/om19bao/tips' rel='tag'>tips</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Tue, 20 Nov 2007 13:03:16 -0000 http://www.dtell.net/article.asp?id=10 <p></p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/design' rel='tag'>design</a> <a href='http://www.diigo.com/user/om19bao/%E8%A7%92%E4%B8%B8' rel='tag'>角丸</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Sun, 18 Nov 2007 11:07:00 -0000 http://winkwaves.com/tag-cloud-generator <p></p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/group' rel='tag'>group</a> <a href='http://www.diigo.com/user/om19bao/links' rel='tag'>links</a> <a href='http://www.diigo.com/user/om19bao/tips' rel='tag'>tips</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Tue, 13 Nov 2007 19:57:20 -0000 http://developer.mozilla.org/en/docs/CSS::-moz-drag-over <p></p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/firefox' rel='tag'>firefox</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Mon, 05 Nov 2007 18:06:42 -0000 http://developer.mozilla.org/en/docs/Category:CSS:Mozilla_Extensions <p></p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/firefox' rel='tag'>firefox</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Mon, 05 Nov 2007 17:50:15 -0000 http://www.13styles.com <p></p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/design' rel='tag'>design</a> <a href='http://www.diigo.com/user/om19bao/menu' rel='tag'>menu</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Fri, 02 Nov 2007 12:41:04 -0000 http://www.jakpsatweb.cz/css/css-vertical-center-solution.html <p></p><p><strong>Tags:</strong> <a href='http://www.diigo.com/user/om19bao/css' rel='tag'>css</a> <a href='http://www.diigo.com/user/om19bao/design' rel='tag'>design</a> </p><p><strong>Posted by:</strong> <a href='http://www.diigo.com/user/om19bao'>om19bao</a></p> Wed, 24 Oct 2007 03:51:56 -0000 60