<?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; levin</title>
	<atom:link href="http://www.csssnippets.be/tag/levin/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>Image replacement Gilder/Levin Method</title>
		<link>http://www.csssnippets.be/2009/02/image-replacement-gilderlevin-method/</link>
		<comments>http://www.csssnippets.be/2009/02/image-replacement-gilderlevin-method/#comments</comments>
		<pubDate>Wed, 18 Feb 2009 04:44:40 +0000</pubDate>
		<dc:creator>Mark</dc:creator>
				<category><![CDATA[crossbrowser]]></category>
		<category><![CDATA[Images]]></category>
		<category><![CDATA[solution]]></category>
		<category><![CDATA[tekst]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[afbeelding]]></category>
		<category><![CDATA[gilder]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[levin]]></category>
		<category><![CDATA[methode]]></category>
		<category><![CDATA[replace]]></category>
		<category><![CDATA[vervang]]></category>

		<guid isPermaLink="false">http://www.csssnippets.be/?p=110</guid>
		<description><![CDATA[Deze methode werkt door een lege &#60;span&#62; over het parent element te plaatsen en daarin de afbeelding als achtergrondafbeelding te zetten.
Nadeel is natuurlijk de lege &#60;span&#62;.]]></description>
			<content:encoded><![CDATA[<p>Deze methode werkt door een lege &lt;span&gt; over het parent element te plaatsen en daarin de afbeelding als achtergrondafbeelding te zetten.<br />
Nadeel is natuurlijk de lege &lt;span&gt;.</p>
<h3>HTML</h3>
<pre title="code" class="xhtml">
&lt;h1&gt;&lt;a href="./" title="Return Home"&gt;&lt;span&gt;&lt;/span&gt;Home&lt;/a&gt;&lt;/h1&gt;
</pre>
<h3>CSS</h3>
<pre title="code" class="css">
h1 a{
	display:block; /* Required */
	width:250px; /* Width of image in question */
	height:70px; /* Height of image in question */
	position:relative; /* Required */
}
h1 a span{
	position:absolute; /* Required */
	width:100%; /* Stretch full width of parent */
	height:100%; /* Stretch full height of parent */
	background:url(images/logo.gif) top left no-repeat; /* Image */
	cursor:pointer; /* Required for links to appear like links in IE */
}
</pre>



	<a rel="nofollow" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F02%2Fimage-replacement-gilderlevin-method%2F&amp;title=Image%20replacement%20Gilder%2FLevin%20Method&amp;annotation=Deze%20methode%20werkt%20door%20een%20lege%20%26lt%3Bspan%26gt%3B%20over%20het%20parent%20element%20te%20plaatsen%20en%20daarin%20de%20afbeelding%20als%20achtergrondafbeelding%20te%20zetten.%0D%0ANadeel%20is%20natuurlijk%20de%20lege%20%26lt%3Bspan%26gt%3B." 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%2F2009%2F02%2Fimage-replacement-gilderlevin-method%2F&amp;title=Image%20replacement%20Gilder%2FLevin%20Method&amp;bodytext=Deze%20methode%20werkt%20door%20een%20lege%20%26lt%3Bspan%26gt%3B%20over%20het%20parent%20element%20te%20plaatsen%20en%20daarin%20de%20afbeelding%20als%20achtergrondafbeelding%20te%20zetten.%0D%0ANadeel%20is%20natuurlijk%20de%20lege%20%26lt%3Bspan%26gt%3B." 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%2F2009%2F02%2Fimage-replacement-gilderlevin-method%2F&amp;Title=Image%20replacement%20Gilder%2FLevin%20Method" class="blinklist" title="BlinkList">BlinkList</a>
	<a rel="nofollow" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F02%2Fimage-replacement-gilderlevin-method%2F" class="technorati" title="Technorati">Technorati</a>
	<a rel="nofollow" href="http://twitter.com/home?status=Image%20replacement%20Gilder%2FLevin%20Method%20-%20http%3A%2F%2Fwww.csssnippets.be%2F2009%2F02%2Fimage-replacement-gilderlevin-method%2F" class="twitter" title="Twitter">Twitter</a>
	<a rel="nofollow" href="http://delicious.com/post?url=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F02%2Fimage-replacement-gilderlevin-method%2F&amp;title=Image%20replacement%20Gilder%2FLevin%20Method&amp;notes=Deze%20methode%20werkt%20door%20een%20lege%20%26lt%3Bspan%26gt%3B%20over%20het%20parent%20element%20te%20plaatsen%20en%20daarin%20de%20afbeelding%20als%20achtergrondafbeelding%20te%20zetten.%0D%0ANadeel%20is%20natuurlijk%20de%20lege%20%26lt%3Bspan%26gt%3B." 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%2F2009%2F02%2Fimage-replacement-gilderlevin-method%2F&amp;t=Image%20replacement%20Gilder%2FLevin%20Method" class="facebook" title="Facebook">Facebook</a>
	<a rel="nofollow" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.csssnippets.be%2F2009%2F02%2Fimage-replacement-gilderlevin-method%2F&amp;title=Image%20replacement%20Gilder%2FLevin%20Method" class="stumbleupon" title="StumbleUpon">StumbleUpon</a>

<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.csssnippets.be/2009/02/image-replacement-gilderlevin-method/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

