<?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>FruitBatInShades Code &#187; css</title>
	<atom:link href="http://www.fruitbatscode.com/category/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.fruitbatscode.com</link>
	<description>Where the fruitbat keeps his notes</description>
	<lastBuildDate>Thu, 13 May 2010 08:29:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Automatic ellipsis via css!</title>
		<link>http://www.fruitbatscode.com/css/automatic-ellipsis-via-css</link>
		<comments>http://www.fruitbatscode.com/css/automatic-ellipsis-via-css#comments</comments>
		<pubDate>Thu, 03 Dec 2009 16:40:31 +0000</pubDate>
		<dc:creator>fbis</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.fruitbatscode.com/?p=361</guid>
		<description><![CDATA[I consider myself pretty good with css. Doesn&#8217;t take me long to convert a photoshop design into working html so I was surprised to find today that there was an easy way to ellipsis to truncated text! Works in all browsers bar FireFox! overflow:hidden; text-overflow: ellipsis; white-space: nowrap;]]></description>
		<wfw:commentRss>http://www.fruitbatscode.com/css/automatic-ellipsis-via-css/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE7/8 and hover on empty elements</title>
		<link>http://www.fruitbatscode.com/css/ie78-and-hover-on-empty-elements</link>
		<comments>http://www.fruitbatscode.com/css/ie78-and-hover-on-empty-elements#comments</comments>
		<pubDate>Tue, 17 Nov 2009 10:35:40 +0000</pubDate>
		<dc:creator>fbis</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[My Stuff]]></category>

		<guid isPermaLink="false">http://www.fruitbatscode.com/?p=356</guid>
		<description><![CDATA[I had an annoying problem with IE8 today. In the CMS, toolbars appear when you hover over a content block or the page content. All I&#8217;ve done is user div:hover. IE though does not recognise the object if its background is set to transparent and is empty. If you set a background colour then it [...]]]></description>
		<wfw:commentRss>http://www.fruitbatscode.com/css/ie78-and-hover-on-empty-elements/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Designers guide to web styling</title>
		<link>http://www.fruitbatscode.com/application-design/designers-guide-to-web-styling</link>
		<comments>http://www.fruitbatscode.com/application-design/designers-guide-to-web-styling#comments</comments>
		<pubDate>Tue, 27 Jan 2009 21:36:17 +0000</pubDate>
		<dc:creator>fbis</dc:creator>
				<category><![CDATA[Application Design]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[My Stuff]]></category>

		<guid isPermaLink="false">http://www.fruitbatscode.com/?p=68</guid>
		<description><![CDATA[This is a mini article I wrote to go along with my presentation on modern development.  I&#8217;ve tried to explain to our designers how they can help us by understanding why we sometimes have difficulty converting their photoshop files into websites. Designers guide to web styling This document aims to try and explain the techniques [...]]]></description>
		<wfw:commentRss>http://www.fruitbatscode.com/application-design/designers-guide-to-web-styling/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cross Browser Support for inline-block</title>
		<link>http://www.fruitbatscode.com/css/cross-browser-support-for-inline-block</link>
		<comments>http://www.fruitbatscode.com/css/cross-browser-support-for-inline-block#comments</comments>
		<pubDate>Tue, 27 Jan 2009 20:59:16 +0000</pubDate>
		<dc:creator>fbis</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.fruitbatscode.com/?p=47</guid>
		<description><![CDATA[From http://foohack.com/ I learned a new CSS trick from one of the best insane inventor webdevs I know. The pieces have been out there for some time, it seems, but I hadn’t ever seen this spelled out as simply and elegantly as he did it. Inline-block layout solves a lot of problems. It lets you do some cool [...]]]></description>
		<wfw:commentRss>http://www.fruitbatscode.com/css/cross-browser-support-for-inline-block/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The most common fonts</title>
		<link>http://www.fruitbatscode.com/css/the-most-common-fonts</link>
		<comments>http://www.fruitbatscode.com/css/the-most-common-fonts#comments</comments>
		<pubDate>Tue, 27 Jan 2009 20:56:18 +0000</pubDate>
		<dc:creator>fbis</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.fruitbatscode.com/?p=44</guid>
		<description><![CDATA[The table below is a periodically updated listing of font survey results for all platforms, the cumulative total of all valid font survey submissions since January 2004. These figures are calculated per platform and do not show how common the fonts are on other systems. Think of it this way: More Mac systems have the Monaco font than Windows systems have Trebuchet [...]]]></description>
		<wfw:commentRss>http://www.fruitbatscode.com/css/the-most-common-fonts/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>100% Height Layout Using CSS</title>
		<link>http://www.fruitbatscode.com/css/100-height-layout-using-css</link>
		<comments>http://www.fruitbatscode.com/css/100-height-layout-using-css#comments</comments>
		<pubDate>Tue, 27 Jan 2009 17:03:11 +0000</pubDate>
		<dc:creator>fbis</dc:creator>
				<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.fruitbatscode.com/?p=23</guid>
		<description><![CDATA[Published by Dave  CSS layouts don’t have to be complicated but sometimes the things that should be simple and easy to do seem impossible at first. Within this tutorial, I’ll explain how 100% height can be achieved cross browser, using CSS.   Here’s a very simple example of what this tutorial will create but it [...]]]></description>
		<wfw:commentRss>http://www.fruitbatscode.com/css/100-height-layout-using-css/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
