<?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>Family Connections &#187; Web Design</title>
	<atom:link href="http://www.familycms.com/blog/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.familycms.com/blog</link>
	<description>Latest news and updates.</description>
	<lastBuildDate>Wed, 21 Dec 2011 18:35:27 +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>Inline Image Replacement Technique</title>
		<link>http://www.familycms.com/blog/2009/07/inline-image-replacement-technique/</link>
		<comments>http://www.familycms.com/blog/2009/07/inline-image-replacement-technique/#comments</comments>
		<pubDate>Thu, 09 Jul 2009 11:00:00 +0000</pubDate>
		<dc:creator>howdy</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.familycms.com/blog/?p=180</guid>
		<description><![CDATA[While I was updating the Photo Gallery for FCMS 2.0, I noticed that the previous and next buttons were plain text links and not image links like we use on the calendar and in the pagination throughout the site.  I realized that this was done like this in the beginning because I didn&#8217;t know of...]]></description>
			<content:encoded><![CDATA[<p>While I was updating the Photo Gallery for FCMS 2.0, I noticed that the previous and next buttons were plain text links and not image links like we use on the calendar and in the pagination throughout the site.  I realized that this was done like this in the beginning because I didn&#8217;t know of a way to do image replacement on inline elements such as an anchor tag.</p>
<p>The calendar and pagination are both block level tags (unordered lists).  Changing the code didn&#8217;t seem like a good idea for consistent themes, so I went searching to see if their was another solution.  That&#8217;s what I found <a href="http://www.evotech.net/blog/2007/09/css-image-replacement-method/" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.evotech.net');">the following blog post</a> which does exactly what I&#8217;m looking for.</p>
<p>So now, the Photo Gallery will use <img class="alignnone" title="Previous" src="http://www.haudenschilt.com/fcms-demo/themes/default/images/previous.gif" alt="" width="16" height="16" /> and <img class="alignnone" title="Next" src="http://www.haudenschilt.com/fcms-demo/themes/default/images/next.gif" alt="" width="16" height="16" />instead of &lt;&lt; and &gt;&gt;.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.familycms.com/blog/2009/07/inline-image-replacement-technique/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

