<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>programcreek.com &#187; CSS Design</title>
	<atom:link href="http://www.programcreek.com/category/ui-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.programcreek.com</link>
	<description></description>
	<lastBuildDate>Sun, 05 Feb 2012 23:20:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Inner div float out of outer div &#8211; Clearing Floats problem</title>
		<link>http://www.programcreek.com/2010/05/inner-div-float-out-of-outer-div-clearing-floats-problem/</link>
		<comments>http://www.programcreek.com/2010/05/inner-div-float-out-of-outer-div-clearing-floats-problem/#comments</comments>
		<pubDate>Fri, 21 May 2010 03:34:05 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[CSS Design]]></category>
		<category><![CDATA[clearing floats]]></category>
		<category><![CDATA[css problem]]></category>

		<guid isPermaLink="false">http://www.programcreek.com/?p=1662</guid>
		<description><![CDATA[This a common problem and here is a good tutorial about this. The problem would look like this: but the outer border should contain all inner elements. Here is a list of the code: &#60;html&#62; &#60;head&#62; &#60;style type=&#34;text/css&#34;&#62; &#160; .outer{ border: 0.2em solid #aaa; margin: 0.1em 0.3em; width:40%; display: inline-block; clear: both; } &#160; .inner-left{ [...]]]></description>
		<wfw:commentRss>http://www.programcreek.com/2010/05/inner-div-float-out-of-outer-div-clearing-floats-problem/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Set the page-breaking behavior for an element</title>
		<link>http://www.programcreek.com/2010/05/set-the-page-breaking-behavior-for-an-element/</link>
		<comments>http://www.programcreek.com/2010/05/set-the-page-breaking-behavior-for-an-element/#comments</comments>
		<pubDate>Wed, 19 May 2010 03:00:34 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[CSS Design]]></category>
		<category><![CDATA[css page break]]></category>
		<category><![CDATA[page-break-before]]></category>

		<guid isPermaLink="false">http://www.programcreek.com/?p=1637</guid>
		<description><![CDATA[When printing a web page, sometimes an element should not be printed on two pages. For example, we want a set of questions to be in the same page. At this time, we need set the page-breaking behavior. CSS code for this is actually very easy: .pagebreak&#123; page-break-before:always; &#125; However, to use this function we [...]]]></description>
		<wfw:commentRss>http://www.programcreek.com/2010/05/set-the-page-breaking-behavior-for-an-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A simple example of CSS font shorthand rule</title>
		<link>http://www.programcreek.com/2010/02/a-simple-example-of-css-font-shorthand-rule/</link>
		<comments>http://www.programcreek.com/2010/02/a-simple-example-of-css-font-shorthand-rule/#comments</comments>
		<pubDate>Wed, 17 Feb 2010 01:54:09 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[CSS Design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[example]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[shorthand]]></category>

		<guid isPermaLink="false">http://www.programcreek.com/?p=1436</guid>
		<description><![CDATA[When styling fonts with CSS, you may do the following: font-weight: bold; font-style: italic; font-variant: small-caps; font-size: 15px; line-height: 20px; font-family: verdana,&#34;trebuchet MS&#34;,sans-serif Instead of that, you can do this: font: bold italic small-caps 15px/20px verdana,&#34;trebuchet MS&#34;,helvetica,sans-serif For more shorthand rule of CSS, here is a good post.]]></description>
		<wfw:commentRss>http://www.programcreek.com/2010/02/a-simple-example-of-css-font-shorthand-rule/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS for browsers to print background colors &amp; images</title>
		<link>http://www.programcreek.com/2010/01/css-for-browsers-to-print-background-colors-images/</link>
		<comments>http://www.programcreek.com/2010/01/css-for-browsers-to-print-background-colors-images/#comments</comments>
		<pubDate>Sun, 31 Jan 2010 00:16:16 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[CSS Design]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[print background colors]]></category>
		<category><![CDATA[print background images]]></category>

		<guid isPermaLink="false">http://www.programcreek.com/?p=1312</guid>
		<description><![CDATA[Is there any css code for browsers to print out background colors? No, there is no such css code, background images and colors are ignored for browsers. So don&#8217;t rely on background colors for printing. To let browsers print background colors and images, you need to configure your browsers option. For Firefox, go to File->Page [...]]]></description>
		<wfw:commentRss>http://www.programcreek.com/2010/01/css-for-browsers-to-print-background-colors-images/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hide some part on the web page when printing</title>
		<link>http://www.programcreek.com/2010/01/hide-some-part-on-the-web-page-when-printing/</link>
		<comments>http://www.programcreek.com/2010/01/hide-some-part-on-the-web-page-when-printing/#comments</comments>
		<pubDate>Fri, 29 Jan 2010 01:08:51 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[CSS Design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[hide some part]]></category>
		<category><![CDATA[print]]></category>

		<guid isPermaLink="false">http://www.programcreek.com/?p=1271</guid>
		<description><![CDATA[What do you do if you want to hide some part when you print your web page? I didn&#8217;t find a best solution maybe, but it works for now. The answer is to use a separate css for printing. Here is a sample code. &#60;link rel=&#34;stylesheet&#34; type&#34;text/css&#34; href=&#34;main-print.css&#34; media=&#34;print&#34;&#62;&#60;/link&#62; &#60;link rel=&#34;stylesheet&#34; type&#34;text/css&#34; href=&#34;main.css&#34; media=&#34;screen&#34;&#62;&#60;/link&#62; The [...]]]></description>
		<wfw:commentRss>http://www.programcreek.com/2010/01/hide-some-part-on-the-web-page-when-printing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Make IE show transparent image correctly</title>
		<link>http://www.programcreek.com/2010/01/make-ie-show-transparent-image-correctly/</link>
		<comments>http://www.programcreek.com/2010/01/make-ie-show-transparent-image-correctly/#comments</comments>
		<pubDate>Wed, 27 Jan 2010 04:34:13 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[CSS Design]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[transparent image]]></category>

		<guid isPermaLink="false">http://www.programcreek.com/?p=1233</guid>
		<description><![CDATA[I got a IE display problem when I add my logo for programcreek. The logo is a transparent image. It shows well on firefox, Chrome, like the following but got the following problem in IE. The transparent background is now a black background. Here is the solution. Before &#60;img src=&#34;./images/logo.png&#34; border=&#34;0&#34; alt=&#34;ProgramCreek.com&#34; height=&#34;47px&#34; /&#62; After [...]]]></description>
		<wfw:commentRss>http://www.programcreek.com/2010/01/make-ie-show-transparent-image-correctly/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

