<?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>Css Snippets &#187; positionering</title>
	<atom:link href="http://www.csssnippets.be/tag/positionering/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.csssnippets.be</link>
	<description>Snippets for you, snippets for me</description>
	<lastBuildDate>Mon, 17 Oct 2011 08:42:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Tekst overlapping</title>
		<link>http://www.csssnippets.be/2010/02/tekst-overlapping/</link>
		<comments>http://www.csssnippets.be/2010/02/tekst-overlapping/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 14:33:24 +0000</pubDate>
		<dc:creator>Mark</dc:creator>
				<category><![CDATA[crossbrowser]]></category>
		<category><![CDATA[Header]]></category>
		<category><![CDATA[tekst]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[over elkaar]]></category>
		<category><![CDATA[overlapping]]></category>
		<category><![CDATA[positionering]]></category>
		<category><![CDATA[relative]]></category>
		<category><![CDATA[text]]></category>

		<guid isPermaLink="false">http://www.csssnippets.be/?p=745</guid>
		<description><![CDATA[Dit is ideaal voor headers, kopregels en titels en zo. Wat we eigenlijk gaan doen is 2 regels tekst met CSS zo positioneren dat ze elkaar overlappen, uiteindelijk zal het eruit zien als een afbeelding.]]></description>
			<content:encoded><![CDATA[<p>Dit is ideaal voor headers, kopregels en titels en zo. Wat we eigenlijk gaan doen is 2 regels tekst met CSS zo positioneren dat ze elkaar overlappen, uiteindelijk zal het eruit zien als een afbeelding.</p>
<p><img src="http://www.csssnippets.be/wp-content/2010/02/overlapping-tekst.gif" alt="" title="overlapping-tekst" width="406" height="388" class="alignnone size-full wp-image-747" /></p>
<h3>HTML</h3>
<pre title="code" class="xhtml">
&lt;h2&gt;CSS Snippets &lt;/h2&gt;
&lt;h3&gt;CSS - JQuery - XHTML&lt;/h3&gt;
</pre>
<h3>CSS</h3>
<pre title="code" class="css">
h2  {
position: relative;
top: 5px;
left: 5px;
font: italic 72pt times, serif;
color: #FC0;
}

h3 {
position: relative;
top: -60px;
font: bold 18pt times, sans-serif;
color: #000;
margin-left: 20px;
}
</pre>



	<a rel="nofollow" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.csssnippets.be%2F2010%2F02%2Ftekst-overlapping%2F&amp;title=Tekst%20overlapping&amp;annotation=Dit%20is%20ideaal%20voor%20headers%2C%20kopregels%20en%20titels%20en%20zo.%20Wat%20we%20eigenlijk%20gaan%20doen%20is%202%20regels%20tekst%20met%20CSS%20zo%20positioneren%20dat%20ze%20elkaar%20overlappen%2C%20uiteindelijk%20zal%20het%20eruit%20zien%20als%20een%20afbeelding." class="google bookmarks" title="Google Bookmarks">Google Bookmarks</a>
	<a rel="nofollow" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.csssnippets.be%2F2010%2F02%2Ftekst-overlapping%2F&amp;title=Tekst%20overlapping&amp;bodytext=Dit%20is%20ideaal%20voor%20headers%2C%20kopregels%20en%20titels%20en%20zo.%20Wat%20we%20eigenlijk%20gaan%20doen%20is%202%20regels%20tekst%20met%20CSS%20zo%20positioneren%20dat%20ze%20elkaar%20overlappen%2C%20uiteindelijk%20zal%20het%20eruit%20zien%20als%20een%20afbeelding." class="digg" title="Digg">Digg</a>
	<a rel="nofollow" href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=http%3A%2F%2Fwww.csssnippets.be%2F2010%2F02%2Ftekst-overlapping%2F&amp;Title=Tekst%20overlapping" class="blinklist" title="BlinkList">BlinkList</a>
	<a rel="nofollow" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.csssnippets.be%2F2010%2F02%2Ftekst-overlapping%2F" class="technorati" title="Technorati">Technorati</a>
	<a rel="nofollow" href="http://twitter.com/home?status=Tekst%20overlapping%20-%20http%3A%2F%2Fwww.csssnippets.be%2F2010%2F02%2Ftekst-overlapping%2F" class="twitter" title="Twitter">Twitter</a>
	<a rel="nofollow" href="http://delicious.com/post?url=http%3A%2F%2Fwww.csssnippets.be%2F2010%2F02%2Ftekst-overlapping%2F&amp;title=Tekst%20overlapping&amp;notes=Dit%20is%20ideaal%20voor%20headers%2C%20kopregels%20en%20titels%20en%20zo.%20Wat%20we%20eigenlijk%20gaan%20doen%20is%202%20regels%20tekst%20met%20CSS%20zo%20positioneren%20dat%20ze%20elkaar%20overlappen%2C%20uiteindelijk%20zal%20het%20eruit%20zien%20als%20een%20afbeelding." class="delicious" title="del.icio.us">del.icio.us</a>
	<a rel="nofollow" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.csssnippets.be%2F2010%2F02%2Ftekst-overlapping%2F&amp;t=Tekst%20overlapping" class="facebook" title="Facebook">Facebook</a>
	<a rel="nofollow" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.csssnippets.be%2F2010%2F02%2Ftekst-overlapping%2F&amp;title=Tekst%20overlapping" class="stumbleupon" title="StumbleUpon">StumbleUpon</a>

<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.csssnippets.be/2010/02/tekst-overlapping/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

