<?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>LostFocus &#187; CSS</title>
	<atom:link href="http://www.lostfocus.de/archives/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.lostfocus.de</link>
	<description>A weblog by Dominik Schwind</description>
	<lastBuildDate>Fri, 10 Feb 2012 10:11:03 +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>Xyle scope</title>
		<link>http://www.lostfocus.de/archives/2010/05/10/xyle-scope/</link>
		<comments>http://www.lostfocus.de/archives/2010/05/10/xyle-scope/#comments</comments>
		<pubDate>Mon, 10 May 2010 16:00:03 +0000</pubDate>
		<dc:creator>Dominik Schwind</dc:creator>
				<category><![CDATA[Bookmark]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.lostfocus.de/archives/2010/05/10/xyle-scope/</guid>
		<description><![CDATA[Xyle scope Looks like a nice tool to debug/analyze web pages.]]></description>
			<content:encoded><![CDATA[<p class="deliciouslinktitle"><a href="http://culturedcode.com/xyle/index.html">Xyle scope</a></p>
<p class="deliciouslinkdescription">Looks like a nice tool to debug/analyze web pages.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lostfocus.de/archives/2010/05/10/xyle-scope/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Elastic Theme Editor</title>
		<link>http://www.lostfocus.de/archives/2010/04/07/elastic-theme-editor/</link>
		<comments>http://www.lostfocus.de/archives/2010/04/07/elastic-theme-editor/#comments</comments>
		<pubDate>Wed, 07 Apr 2010 10:00:06 +0000</pubDate>
		<dc:creator>Dominik Schwind</dc:creator>
				<category><![CDATA[Bookmark]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[themes]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.lostfocus.de/archives/2010/04/07/elastic-theme-editor/</guid>
		<description><![CDATA[Elastic Theme Editor Interesting &#8211; a wordpress plugin that can create new themes.]]></description>
			<content:encoded><![CDATA[<p class="deliciouslinktitle"><a href="http://wordpress.org/extend/plugins/elastic-theme-editor/">Elastic Theme Editor</a></p>
<p class="deliciouslinkdescription">Interesting &#8211; a wordpress plugin that can create new themes.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lostfocus.de/archives/2010/04/07/elastic-theme-editor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Font Squirrel &#124; Create Your Own @font-face Kits</title>
		<link>http://www.lostfocus.de/archives/2010/03/11/font-squirrel-create-your-own-font-face-kits/</link>
		<comments>http://www.lostfocus.de/archives/2010/03/11/font-squirrel-create-your-own-font-face-kits/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 21:00:01 +0000</pubDate>
		<dc:creator>Dominik Schwind</dc:creator>
				<category><![CDATA[Bookmark]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[font-face]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[generator]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[webdev]]></category>

		<guid isPermaLink="false">http://www.lostfocus.de/archives/2010/03/11/font-squirrel-create-your-own-font-face-kits/</guid>
		<description><![CDATA[Font Squirrel &#124; Create Your Own @font-face Kits Oh, useful! (Abt. untested, aber super)]]></description>
			<content:encoded><![CDATA[<p class="deliciouslinktitle"><a href="http://www.fontsquirrel.com/fontface/generator">Font Squirrel | Create Your Own @font-face Kits</a></p>
<p class="deliciouslinkdescription">Oh, useful! (Abt. untested, aber super)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lostfocus.de/archives/2010/03/11/font-squirrel-create-your-own-font-face-kits/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>sexybuttons</title>
		<link>http://www.lostfocus.de/archives/2010/01/21/sexybuttons/</link>
		<comments>http://www.lostfocus.de/archives/2010/01/21/sexybuttons/#comments</comments>
		<pubDate>Thu, 21 Jan 2010 07:00:13 +0000</pubDate>
		<dc:creator>Dominik Schwind</dc:creator>
				<category><![CDATA[Bookmark]]></category>
		<category><![CDATA[buttons]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.lostfocus.de/archives/2010/01/21/sexybuttons/</guid>
		<description><![CDATA[sexybuttons Beautiful web site buttons.]]></description>
			<content:encoded><![CDATA[<p class="deliciouslinktitle"><a href="http://code.google.com/p/sexybuttons/">sexybuttons</a></p>
<p class="deliciouslinkdescription">Beautiful web site buttons.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lostfocus.de/archives/2010/01/21/sexybuttons/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>@font-face für Dummies</title>
		<link>http://www.lostfocus.de/archives/2009/06/30/font-face-fur-dummies/</link>
		<comments>http://www.lostfocus.de/archives/2009/06/30/font-face-fur-dummies/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 09:45:41 +0000</pubDate>
		<dc:creator>Dominik Schwind</dc:creator>
				<category><![CDATA[Asides]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Font]]></category>
		<category><![CDATA[font-face]]></category>

		<guid isPermaLink="false">http://www.lostfocus.de/?p=5931</guid>
		<description><![CDATA[Kurze und klare Einführung zu embedded fonts via CSS bei Code Candies. Das könnte das Web wieder ein kleines bißchen besser machen.]]></description>
			<content:encoded><![CDATA[<p><img style="max-width: 100%; height: auto;" src="http://www.lostfocus.de/wp-content/uploads/2009/06/fontembed.png" /></p><p>Kurze und klare <a href="http://codecandies.de/2009/06/30/embedden-sie-jetzt/">Einführung zu embedded fonts via CSS</a> bei Code Candies. Das könnte das Web wieder ein kleines bißchen besser machen.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lostfocus.de/archives/2009/06/30/font-face-fur-dummies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Eric Meyer on CSS &#8211; gratis bei CSSHilfe.de</title>
		<link>http://www.lostfocus.de/archives/2008/03/03/eric-meyer-on-css-gratis-bei-csshilfede/</link>
		<comments>http://www.lostfocus.de/archives/2008/03/03/eric-meyer-on-css-gratis-bei-csshilfede/#comments</comments>
		<pubDate>Mon, 03 Mar 2008 11:54:18 +0000</pubDate>
		<dc:creator>Dominik Schwind</dc:creator>
				<category><![CDATA[Asides]]></category>
		<category><![CDATA[Buch]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Eric-Meyer]]></category>
		<category><![CDATA[Eric-Meyer-on-CSS]]></category>
		<category><![CDATA[On-CSS]]></category>

		<guid isPermaLink="false">http://www.lostfocus.de/archives/2008/03/03/eric-meyer-on-css-gratis-bei-csshilfede/</guid>
		<description><![CDATA[Ein gutes Buch, kostenlos. Nur die Versandkosten trägt man selbst &#8211; irgendwie knapp 4 Euro, glaube ich. Das ist echt mal ein sehr guter Deal, greift zu &#8211; würde ich zumindest machen, hätte ich das Buch nicht schon.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.csshilfe.de/2008/03/eric-meyer-on-css-gratis-fuer-csshilfebesucher.php">Ein gutes Buch, kostenlos.</a> Nur die Versandkosten trägt man selbst &#8211; irgendwie knapp 4 Euro, glaube ich. Das ist echt mal ein <em>sehr guter</em> Deal, greift zu &#8211; würde ich zumindest machen, hätte ich das Buch nicht schon.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lostfocus.de/archives/2008/03/03/eric-meyer-on-css-gratis-bei-csshilfede/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CSS-Hilfe benötigt</title>
		<link>http://www.lostfocus.de/archives/2007/08/22/css-hilfe-benotigt/</link>
		<comments>http://www.lostfocus.de/archives/2007/08/22/css-hilfe-benotigt/#comments</comments>
		<pubDate>Wed, 22 Aug 2007 21:32:43 +0000</pubDate>
		<dc:creator>Dominik Schwind</dc:creator>
				<category><![CDATA[Artikel]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Problem]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.lostfocus.de/archives/2007/08/22/css-hilfe-benotigt/</guid>
		<description><![CDATA[Meine lieben Leser, die Ihr alle so klug und hübsch seid &#8211; vermutlich ist einer von Euch in der Lage, ein CSS-Problem, an dem ich jetzt schon den ganzen Abend rumgrüble zu lösen. So soll es aussehen: Und so habe ich es bisher versucht: XHTML: &#60;div id="header"&#62; &#60;div id="cover"&#62;&#60;a href="/"&#62;&#60;img src="greyblob.png" alt="grey blob" /&#62;&#60;/a&#62;&#60;/div&#62; &#60;div [...]]]></description>
			<content:encoded><![CDATA[<p>Meine lieben Leser, die Ihr alle so klug und hübsch seid &#8211; vermutlich ist einer von Euch in der Lage, ein CSS-Problem, an dem ich jetzt schon den ganzen Abend rumgrüble zu lösen. So soll es aussehen:</p>
<p><img style="max-width: 100%; height: auto;" src='http://www.lostfocus.de/wp-content/uploads/2007/08/css-problem-klein.png' alt='css-problem-klein.png' /></p>
<p>Und so habe ich es bisher versucht:</p>
<p>XHTML:<br />
<code><br />
   &lt;div id="header"&gt;<br />
    &lt;div id="cover"&gt;&lt;a href="/"&gt;&lt;img src="greyblob.png" alt="grey blob" /&gt;&lt;/a&gt;&lt;/div&gt;<br />
    &lt;div id="headertext"&gt;<br />
     &lt;h1&gt;&lt;a href="/"&gt;Überschrift&lt;/a&gt;&lt;/h1&gt;<br />
     &lt;p&gt;Blablabla&lt;/p&gt;<br />
    &lt;/div&gt;<br />
   &lt;/div&gt;<br />
</code></p>
<p>CSS:<br />
<code><br />
#header {<br />
 text-transform:lowercase;<br />
 font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;<br />
}<br />
#header #cover {<br />
 width:150px;<br />
 float:left;<br />
 padding-right:10px;<br />
 margin-right:10px;<br />
}<br />
#header #headertext {<br />
 height:211px;<br />
 margin:0 0 0 160px;<br />
 padding:0 0 0 10px;<br />
 vertical-align:bottom;<br />
}<br />
#header h1 {<br />
 font-size:3em;<br />
}<br />
#header h1 a {<br />
 color:#111;<br />
 text-decoration:none;<br />
}<br />
</code></p>
<p>Mal davon abgesehen, daß die Schriftart anders ist &#8211; wo ist mein Denkfehler? Irgendwie will die Überschrift nach unten&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lostfocus.de/archives/2007/08/22/css-hilfe-benotigt/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>35 Designer &#8211; 5 Fragen</title>
		<link>http://www.lostfocus.de/archives/2007/04/20/35-designer-5-fragen/</link>
		<comments>http://www.lostfocus.de/archives/2007/04/20/35-designer-5-fragen/#comments</comments>
		<pubDate>Fri, 20 Apr 2007 08:14:06 +0000</pubDate>
		<dc:creator>Dominik Schwind</dc:creator>
				<category><![CDATA[Asides]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Designer]]></category>
		<category><![CDATA[Typographie]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.lostfocus.de/archives/2007/04/20/35-designer-5-fragen/</guid>
		<description><![CDATA[Und jede Menge guter Antworten.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.smashingmagazine.com/2007/04/20/35-designers-x-5-questions/">Und jede Menge guter Antworten.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lostfocus.de/archives/2007/04/20/35-designer-5-fragen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

