<?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>Zack Live &#187; images</title>
	<atom:link href="http://zacklive.com/tag/images/feed/" rel="self" type="application/rss+xml" />
	<link>http://zacklive.com</link>
	<description>WordPress Themes and Web Designer</description>
	<lastBuildDate>Thu, 08 Jul 2010 03:27:09 +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>CSS: How to Center Your Images</title>
		<link>http://zacklive.com/css-how-to-center-your-images/585/</link>
		<comments>http://zacklive.com/css-how-to-center-your-images/585/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 00:00:09 +0000</pubDate>
		<dc:creator>Zack</dc:creator>
				<category><![CDATA[Plugins, Tutorials and Hacks]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[img]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[text-align]]></category>

		<guid isPermaLink="false">http://zacklive.com/?p=585</guid>
		<description><![CDATA[If you have a paragraph(&#60;p&#62;) or a &#60;div&#62; with only images, it&#8217;s very easy to center them, just set the &#8216;text-align&#8217; to &#8216;center&#8217;: p{ text-align: center } What if there is other content in the paragraph, like text, and you &#8230; <a href="http://zacklive.com/css-how-to-center-your-images/585/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://zacklive.com/wp-content/uploads/2009/11/css.png" rel="lightbox[585]" title="css-tips-tutorials"><img class="aligncenter size-full wp-image-586" title="css-tips-tutorials" src="http://zacklive.com/wp-content/uploads/2009/11/css.png" alt="css-tips-tutorials" width="320" height="320" /></a></p>
<p>If you have a paragraph(&lt;p&gt;) or a &lt;div&gt; with only images, it&#8217;s very easy to center them, just set the &#8216;text-align&#8217; to &#8216;center&#8217;:</p>
<blockquote><p>p{ text-align: center }</p></blockquote>
<p>What if there is other content in the paragraph, like text, and you don&#8217;t want it to be centered. Well, one way to do this, is to add a container, for example, a &lt;div&gt;, and the &#8216;text-align&#8217; of the container to &#8216;center&#8217;. But this doesn&#8217;t look like a smart way, as the container is quite a waste. Can I do this within the &lt;img&gt;? Of course, you can make this happen with CSS, Check out the following code:</p>
<blockquote><p>&lt;img style=&#8221;display: block; clear: both; margin-left: auto; margin-right: auto;&#8221; src=&#8221;test.jpg&#8221; /&gt;</p></blockquote>
<p>Just set the &#8216;display&#8217; as &#8216;block&#8217; and both the left and right margin as &#8216;auto&#8217;, that&#8217;s it, or you can add this to you CSS file:</p>
<blockquote><p>p img{ display: block; clear: both; margin-left: auto; margin-right: auto; }</p></blockquote>
<p>Let me know if you have a better idea.</p>
<p><span id="more-585"></span>This article is also posted on<a title="css tips tutorials web design" href="http://gearor.com/css-how-to-center-your-images/70/"> Gearor.com</a>.</p>
<!-- PHP 5.x --><p  class="related_post_title">Related Posts</p><ul class="related_post"><li><a href="http://zacklive.com/design-a-master-css-stylesheet/902/" title="Design a Master CSS Stylesheet">Design a Master CSS Stylesheet</a></li><li><a href="http://zacklive.com/margin-or-padding-css-learning/566/" title="Margin or Padding &#8211; CSS Learning">Margin or Padding &#8211; CSS Learning</a></li><li><a href="http://zacklive.com/google-invests-pixazza-adsense-for-images/382/" title="Google Invests Pixazza: AdSense for Images">Google Invests Pixazza: AdSense for Images</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://zacklive.com/css-how-to-center-your-images/585/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Google Invests Pixazza: AdSense for Images</title>
		<link>http://zacklive.com/google-invests-pixazza-adsense-for-images/382/</link>
		<comments>http://zacklive.com/google-invests-pixazza-adsense-for-images/382/#comments</comments>
		<pubDate>Sat, 04 Apr 2009 23:20:11 +0000</pubDate>
		<dc:creator>Zack</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[AdSense]]></category>
		<category><![CDATA[Advertisement]]></category>
		<category><![CDATA[Experts]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[Pixazza]]></category>

		<guid isPermaLink="false">http://zacklive.com/?p=382</guid>
		<description><![CDATA[Google invests $5.75 million to a start-up, Pixazza, which is trying to do the AdSense on images rather than text as Google do. Pixazza allows publishers to advertise on their images. When the user mouses into the images, Pixazza displays imformation &#8230; <a href="http://zacklive.com/google-invests-pixazza-adsense-for-images/382/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="wp-caption aligncenter" style="width: 460px"><a href="http://cn.zacklive.com/wp-content/uploads/2009/04/pixazza-450x450.png" rel="lightbox[382]" title="Pixazza: AdSense for Images"><img title="Pixazza: AdSense for Images" src="http://cn.zacklive.com/wp-content/uploads/2009/04/pixazza-450x450.png" alt="Pixazza: AdSense for Images" width="450" height="450" /></a><p class="wp-caption-text">Pixazza: AdSense for Images</p></div>
<p>Google invests $5.75 million to a start-up, <a title="pixazza adsense for images" href="http://pixazza.com">Pixazza</a>, which is trying to do the AdSense on images rather than text as Google do.</p>
<p>Pixazza allows publishers to advertise on their images. When the user mouses into the images, Pixazza displays imformation of the products in the price. So that users can easily buy products they like in the picture. Pixazza also has an Experts system to help link products in images to the right shop, Experts earn commission from every deals they helps.</p>
<p><span id="more-382"></span>[Via <a title="Pixazza" href="http://news.cnet.com/8301-1023_3-10203588-93.html">CNet</a>]</p>
<!-- PHP 5.x --><p  class="related_post_title">Related Posts</p><ul class="related_post"><li><a href="http://zacklive.com/how-to-transfer-feedburner-feeds-to-google/155/" title="How to Transfer FeedBurner Feeds to Google">How to Transfer FeedBurner Feeds to Google</a></li><li><a href="http://zacklive.com/comparing-htc-evo-4g-with-google-nexus-one-and-motorola-droid/1300/" title="Comparing HTC EVO 4G with Google Nexus One and Motorola Droid">Comparing HTC EVO 4G with Google Nexus One and Motorola Droid</a></li><li><a href="http://zacklive.com/google-shut-down-google-search-in-china/1032/" title="Google Shut Down Google Search in China">Google Shut Down Google Search in China</a></li><li><a href="http://zacklive.com/google-shut-down-google-search-in-china-2/1301/" title="Google Shut Down Google Search in China">Google Shut Down Google Search in China</a></li><li><a href="http://zacklive.com/google-is-working-on-tv-set-top-box/967/" title="Google is Working on TV Set-Top Box">Google is Working on TV Set-Top Box</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://zacklive.com/google-invests-pixazza-adsense-for-images/382/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
