<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<title>Snipplr</title>
<link>http://snipplr.com/language/css/tags/html</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Fri, 29 Aug 2008 23:09:33 GMT</pubDate>
<item>
<title>(CSS) HTML LI Images - rengber</title>
<link>http://snipplr.com/view/7254/html-li-images/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sun, 13 Jul 2008 22:07:28 GMT</pubDate>
<guid>http://snipplr.com/view/7254/html-li-images/</guid>
</item>
<item>
<title>(CSS) CSS Diagnostics - Highlight Deprecated HTML With CSS &amp;amp; More... - neal_grosskopf</title>
<link>http://snipplr.com/view/6770/css-diagnostics--highlight-deprecated-html-with-css--more/</link>
<description><![CDATA[ <p>CSS Diagnostics allows web designers and developers to highlight invalid HTML using CSS selectors. Say goodbye to the font tag by highlighting it in a large obnoxious border. It also has the ability to highlight 404 pages, old CSS classes and old JavaScript function calls.</p> ]]></description>
<pubDate>Wed, 18 Jun 2008 21:52:24 GMT</pubDate>
<guid>http://snipplr.com/view/6770/css-diagnostics--highlight-deprecated-html-with-css--more/</guid>
</item>
<item>
<title>(CSS) Safari CSS3 Fun - target + border-radius + box-shadow - Obfuscator</title>
<link>http://snipplr.com/view/5730/safari-css3-fun--target--borderradius--boxshadow/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 07 Apr 2008 05:19:21 GMT</pubDate>
<guid>http://snipplr.com/view/5730/safari-css3-fun--target--borderradius--boxshadow/</guid>
</item>
<item>
<title>(CSS) CSS Diagnostics - Find Depreciated Elements Using CSS - neal_grosskopf</title>
<link>http://snipplr.com/view/5194/css-diagnostics--find-depreciated-elements-using-css/</link>
<description><![CDATA[ <p>Find depreciated elements and attributes using CSS . Simply add the CSS below to the end of your style sheet and it will highlight bad code.</p> ]]></description>
<pubDate>Mon, 25 Feb 2008 11:50:46 GMT</pubDate>
<guid>http://snipplr.com/view/5194/css-diagnostics--find-depreciated-elements-using-css/</guid>
</item>
<item>
<title>(CSS) Vertical Centering of Images - teddyzetterlund</title>
<link>http://snipplr.com/view/5193/vertical-centering-of-images/</link>
<description><![CDATA[ <p>I can't remember if this code is updated for IE7, if it is then it should be working in at least IE6-7, Safari 2-3, Opera 8 and Firefox 2-3.

Obviously the image_iefix is just for IE6.</p> ]]></description>
<pubDate>Mon, 25 Feb 2008 10:38:17 GMT</pubDate>
<guid>http://snipplr.com/view/5193/vertical-centering-of-images/</guid>
</item>
<item>
<title>(CSS) Fixed footer at bottom of viewport with yaml - indianocean</title>
<link>http://snipplr.com/view/5099/fixed-footer-at-bottom-of-viewport-with-yaml/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sun, 17 Feb 2008 13:05:31 GMT</pubDate>
<guid>http://snipplr.com/view/5099/fixed-footer-at-bottom-of-viewport-with-yaml/</guid>
</item>
<item>
<title>(CSS) CSS Hack to Get Around IE6 Margin Issue - rengber</title>
<link>http://snipplr.com/view/4631/css-hack-to-get-around-ie6-margin-issue/</link>
<description><![CDATA[ <p>A  in IE6 will annoyingly put about 3 pixels of space around a contained image.  This leaves a gap between that div and any neighboring divs.  To workaround you can specify a margin of 5px or so on the side where the gap must be removed, then specify an equivalent negative margin on the neighbor to remove the gap.  Tested with IE6 and Firefox 2.0.0.11.</p> ]]></description>
<pubDate>Thu, 17 Jan 2008 19:42:15 GMT</pubDate>
<guid>http://snipplr.com/view/4631/css-hack-to-get-around-ie6-margin-issue/</guid>
</item>
<item>
<title>(CSS) Pagination  Links - shellydennison</title>
<link>http://snipplr.com/view/4599/pagination--links/</link>
<description><![CDATA[ <p>This code is based on  enlaces de paginacin posted by Web Design</p> ]]></description>
<pubDate>Tue, 15 Jan 2008 11:23:16 GMT</pubDate>
<guid>http://snipplr.com/view/4599/pagination--links/</guid>
</item>
<item>
<title>(CSS) Adjust image buttons in forms - indianocean</title>
<link>http://snipplr.com/view/3590/adjust-image-buttons-in-forms/</link>
<description><![CDATA[ <p>adjust position of image using margins</p> ]]></description>
<pubDate>Wed, 29 Aug 2007 03:24:19 GMT</pubDate>
<guid>http://snipplr.com/view/3590/adjust-image-buttons-in-forms/</guid>
</item>
<item>
<title>(CSS) Background image at bottom - indianocean</title>
<link>http://snipplr.com/view/3067/background-image-at-bottom/</link>
<description><![CDATA[ <p>The image always remains at the bottom of the page. No matter what scrolling or resizing you do.</p> ]]></description>
<pubDate>Thu, 28 Jun 2007 07:46:04 GMT</pubDate>
<guid>http://snipplr.com/view/3067/background-image-at-bottom/</guid>
</item>
<item>
<title>(CSS) External CSS - Hirmine</title>
<link>http://snipplr.com/view/3037/external-css/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 26 Jun 2007 02:44:50 GMT</pubDate>
<guid>http://snipplr.com/view/3037/external-css/</guid>
</item>
<item>
<title>(CSS) Image appearing as link calling a javascript function, without "href" - indianocean</title>
<link>http://snipplr.com/view/2806/image-appearing-as-link-calling-a-javascript-function-without-href/</link>
<description><![CDATA[ <p>- Put image in 'span' otherwise the whole surrounding box becomes a link.
- Is there a better way to make images a link if you don't want a server roundtrip by?</p> ]]></description>
<pubDate>Wed, 06 Jun 2007 02:54:31 GMT</pubDate>
<guid>http://snipplr.com/view/2806/image-appearing-as-link-calling-a-javascript-function-without-href/</guid>
</item>
<item>
<title>(CSS) Raccourci CSS pour Font - clapfouine</title>
<link>http://snipplr.com/view/2018/raccourci-css-pour-font/</link>
<description><![CDATA[ <p>Les propriétés racourcies

Exemple avec la propriété raccourcie 'font':

En clair vous pouvez résumer ça:

p {
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;
}

par ça:

p { font: 1em/1.5em bold italic small-caps verdana,serif; }

Attention, cette propriété raccourcie ne fonctionnera que si vous spécifiez à la fois la valeur pour font-size et celle de font-family. Si vous ne spécifiez pas les valeurs pour font-weight, font-style ou font-variant, alors ces valeurs seront définies automatiquement à la valeur normal.</p> ]]></description>
<pubDate>Tue, 23 Jan 2007 07:42:07 GMT</pubDate>
<guid>http://snipplr.com/view/2018/raccourci-css-pour-font/</guid>
</item>
<item>
<title>(CSS) Center HTML content horizontally using CSS - alexwilliams</title>
<link>http://snipplr.com/view/1907/center-html-content-horizontally-using-css/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Mon, 01 Jan 2007 11:07:42 GMT</pubDate>
<guid>http://snipplr.com/view/1907/center-html-content-horizontally-using-css/</guid>
</item>
<item>
<title>(CSS) Accessible CSS Forms: Using CSS to Create a Two-Column Layout - zensir</title>
<link>http://snipplr.com/view/990/accessible-css-forms-using-css-to-create-a-twocolumn-layout/</link>
<description><![CDATA[ <p>In a recent study of web design patterns, Dr. Melody Ivory found that accessibility is the most underutilized aspect of good web page design (Ivory 2005). In fact websites have become more complex and less accessible over time (Hackett 2003). Less than 20% of the Fortune 100 have websites that are fully accessible (Loiacono 2004). Accessible forms are one way to combat this disturbing trend. With CSS layout, you can create two-column forms without the use of tables to save space and time. This article shows how to create a simple two-column contact form using CSS to style structural elements that is both fast and accessible.

A survey of CSS-based forms revealed many variations on a theme (see Vandersluis 2004). Most use block-level floats and margins to position form elements on the page. However, in my testing I found IE5.x Mac to have rendering problems with many of these forms. After numerous iterations, I arrived at a solution that worked for IE5.x Mac as well as Safari 1.07 Mac, Firefox 1.07 Win/Mac, IE 6 Win, Camino, and Opera. Our goal here is to create a simple accessible contact form without the use of tables (see Figure 1).</p> ]]></description>
<pubDate>Thu, 31 Aug 2006 13:20:42 GMT</pubDate>
<guid>http://snipplr.com/view/990/accessible-css-forms-using-css-to-create-a-twocolumn-layout/</guid>
</item>
<item>
<title>(CSS) undohtml.css - Tantek's Original (Removes Browser Default Style) - expertseries</title>
<link>http://snipplr.com/view/266/undohtmlcss--tanteks-original-removes-browser-default-style/</link>
<description><![CDATA[ <p>Purpose: undo some of the default styling of common (X)HTML browsers. (CC) 2004 Tantek Celik.</p> ]]></description>
<pubDate>Fri, 07 Jul 2006 18:19:28 GMT</pubDate>
<guid>http://snipplr.com/view/266/undohtmlcss--tanteks-original-removes-browser-default-style/</guid>
</item>
</channel>
</rss>