<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comments on: CSS Sprites in Under 10 Minutes</title>
	<atom:link href="http://addyosmani.com/blog/css-sprites-in-under-10-minutes/feed/" rel="self" type="application/rss+xml" />
	<link>http://addyosmani.com/blog/css-sprites-in-under-10-minutes/</link>
	<description>This is the home of Addy Osmani (Web Developer, Designer &#38; Author). Here you can find some great tips and tutorials on everything to do with web development and even a few useful code samples!</description>
	<lastBuildDate>Fri, 30 Jul 2010 04:17:09 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
	<item>
		<title>By: Great site!</title>
		<link>http://addyosmani.com/blog/css-sprites-in-under-10-minutes/comment-page-1/#comment-2937</link>
		<dc:creator>Great site!</dc:creator>
		<pubDate>Wed, 28 Jul 2010 15:56:00 +0000</pubDate>
		<guid isPermaLink="false">http://addyosmani.com/blog/css-sprites-in-under-10-minutes/#comment-2937</guid>
		<description>I loved the site! Thanks </description>
		<content:encoded><![CDATA[<p>I loved the site! Thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Addy Osmani</title>
		<link>http://addyosmani.com/blog/css-sprites-in-under-10-minutes/comment-page-1/#comment-889</link>
		<dc:creator>Addy Osmani</dc:creator>
		<pubDate>Fri, 12 Feb 2010 21:36:00 +0000</pubDate>
		<guid isPermaLink="false">http://addyosmani.com/blog/css-sprites-in-under-10-minutes/#comment-889</guid>
		<description>Hi there. 
 
Sprites in Fireworks are relatively easy to do. If you take a look at the toolbar to the left hand side of the screen you&#039;ll see a number of icons. Look for the section called &quot;Web&quot; and use the Sprite Knife tool (second icon, the one to the right) to create your sprite sections. Once you&#039;ve created all your sprites you can export them using the File -&gt; Export option (remember to select Export Sprites from the final dialog window). 
 
I have to ask..but why would you need to change the CSS properties of an image regarding positioning if Fireworks allows you to position it anywhere you want on the canvas? You could easily move everything to where you want it to be inside of the application itself. 
 
That said, if you really need to modify the css, for example, if there&#039;s a layer of Flash or something going on top of it, simply add an ID to the overall image map that&#039;s created and then use  #idname { css goes here.. } to style the positioning of the entire image. 
 
Hope that helps! 
Addy </description>
		<content:encoded><![CDATA[<p>Hi there. </p>
<p>Sprites in Fireworks are relatively easy to do. If you take a look at the toolbar to the left hand side of the screen you&#039;ll see a number of icons. Look for the section called &quot;Web&quot; and use the Sprite Knife tool (second icon, the one to the right) to create your sprite sections. Once you&#039;ve created all your sprites you can export them using the File -&gt; Export option (remember to select Export Sprites from the final dialog window). </p>
<p>I have to ask..but why would you need to change the CSS properties of an image regarding positioning if Fireworks allows you to position it anywhere you want on the canvas? You could easily move everything to where you want it to be inside of the application itself. </p>
<p>That said, if you really need to modify the css, for example, if there&#039;s a layer of Flash or something going on top of it, simply add an ID to the overall image map that&#039;s created and then use  #idname { css goes here.. } to style the positioning of the entire image. </p>
<p>Hope that helps!<br />
Addy</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Addy Osmani</title>
		<link>http://addyosmani.com/blog/css-sprites-in-under-10-minutes/comment-page-1/#comment-918</link>
		<dc:creator>Addy Osmani</dc:creator>
		<pubDate>Fri, 12 Feb 2010 21:36:00 +0000</pubDate>
		<guid isPermaLink="false">http://addyosmani.com/blog/css-sprites-in-under-10-minutes/#comment-918</guid>
		<description>Hi there.

Sprites in Fireworks are relatively easy to do. If you take a look at the toolbar to the left hand side of the screen you&#039;ll see a number of icons. Look for the section called &quot;Web&quot; and use the Sprite Knife tool (second icon, the one to the right) to create your sprite sections. Once you&#039;ve created all your sprites you can export them using the File -&gt; Export option (remember to select Export Sprites from the final dialog window).

I have to ask..but why would you need to change the CSS properties of an image regarding positioning if Fireworks allows you to position it anywhere you want on the canvas? You could easily move everything to where you want it to be inside of the application itself.

That said, if you really need to modify the css, for example, if there&#039;s a layer of Flash or something going on top of it, simply add an ID to the overall image map that&#039;s created and then use  #idname { css goes here.. } to style the positioning of the entire image.

Hope that helps!
Addy</description>
		<content:encoded><![CDATA[<p>Hi there.</p>
<p>Sprites in Fireworks are relatively easy to do. If you take a look at the toolbar to the left hand side of the screen you&#039;ll see a number of icons. Look for the section called &quot;Web&quot; and use the Sprite Knife tool (second icon, the one to the right) to create your sprite sections. Once you&#039;ve created all your sprites you can export them using the File -&gt; Export option (remember to select Export Sprites from the final dialog window).</p>
<p>I have to ask..but why would you need to change the CSS properties of an image regarding positioning if Fireworks allows you to position it anywhere you want on the canvas? You could easily move everything to where you want it to be inside of the application itself.</p>
<p>That said, if you really need to modify the css, for example, if there&#039;s a layer of Flash or something going on top of it, simply add an ID to the overall image map that&#039;s created and then use  #idname { css goes here.. } to style the positioning of the entire image.</p>
<p>Hope that helps!<br />
Addy</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Albert</title>
		<link>http://addyosmani.com/blog/css-sprites-in-under-10-minutes/comment-page-1/#comment-888</link>
		<dc:creator>Albert</dc:creator>
		<pubDate>Fri, 12 Feb 2010 20:58:33 +0000</pubDate>
		<guid isPermaLink="false">http://addyosmani.com/blog/css-sprites-in-under-10-minutes/#comment-888</guid>
		<description>I want to know how to do sprites in fireworks, I have an Image with all the icons but that&#039;s not arranged well, then I was cuted, I have the slices but now I don&#039;t how to: Get the CSS for each slice (I meaning {backgroun-position:Xpx Ypx; }). and the image sprite from the sliced image with icons. Please help me. In addition, I want to know how to do that in Fireworks...not with Web Tools, Generators or anything like that... Thanks! </description>
		<content:encoded><![CDATA[<p>I want to know how to do sprites in fireworks, I have an Image with all the icons but that&#039;s not arranged well, then I was cuted, I have the slices but now I don&#039;t how to: Get the CSS for each slice (I meaning {backgroun-position:Xpx Ypx; }). and the image sprite from the sliced image with icons. Please help me. In addition, I want to know how to do that in Fireworks&#8230;not with Web Tools, Generators or anything like that&#8230; Thanks!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Albert</title>
		<link>http://addyosmani.com/blog/css-sprites-in-under-10-minutes/comment-page-1/#comment-917</link>
		<dc:creator>Albert</dc:creator>
		<pubDate>Fri, 12 Feb 2010 20:58:33 +0000</pubDate>
		<guid isPermaLink="false">http://addyosmani.com/blog/css-sprites-in-under-10-minutes/#comment-917</guid>
		<description>I want to know how to do sprites in fireworks, I have an Image with all the icons but that&#039;s not arranged well, then I was cuted, I have the slices but now I don&#039;t how to: Get the CSS for each slice (I meaning {backgroun-position:Xpx Ypx; }). and the image sprite from the sliced image with icons. Please help me. In addition, I want to know how to do that in Fireworks...not with Web Tools, Generators or anything like that... Thanks!</description>
		<content:encoded><![CDATA[<p>I want to know how to do sprites in fireworks, I have an Image with all the icons but that&#039;s not arranged well, then I was cuted, I have the slices but now I don&#039;t how to: Get the CSS for each slice (I meaning {backgroun-position:Xpx Ypx; }). and the image sprite from the sliced image with icons. Please help me. In addition, I want to know how to do that in Fireworks&#8230;not with Web Tools, Generators or anything like that&#8230; Thanks!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: CSS Sprites in Under 10 Minutes &#171; Jasper Blog</title>
		<link>http://addyosmani.com/blog/css-sprites-in-under-10-minutes/comment-page-1/#comment-308</link>
		<dc:creator>CSS Sprites in Under 10 Minutes &#171; Jasper Blog</dc:creator>
		<pubDate>Tue, 13 Oct 2009 12:27:37 +0000</pubDate>
		<guid isPermaLink="false">http://addyosmani.com/blog/css-sprites-in-under-10-minutes/#comment-308</guid>
		<description>[...] Read more: Addy Osmani [...]</description>
		<content:encoded><![CDATA[<p>[...] Read more: Addy Osmani [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: CSS Sprites in Under 10 Minutes &#171; Jasper Blog</title>
		<link>http://addyosmani.com/blog/css-sprites-in-under-10-minutes/comment-page-1/#comment-915</link>
		<dc:creator>CSS Sprites in Under 10 Minutes &#171; Jasper Blog</dc:creator>
		<pubDate>Tue, 13 Oct 2009 12:27:37 +0000</pubDate>
		<guid isPermaLink="false">http://addyosmani.com/blog/css-sprites-in-under-10-minutes/#comment-915</guid>
		<description>[...] Read more: Addy Osmani [...]</description>
		<content:encoded><![CDATA[<p>[...] Read more: Addy Osmani [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tweets that mention CSS Sprites in Under 10 Minutes &#124; AddyOsmani.com &#124; Where Web Businesses Grow -- Topsy.com</title>
		<link>http://addyosmani.com/blog/css-sprites-in-under-10-minutes/comment-page-1/#comment-306</link>
		<dc:creator>Tweets that mention CSS Sprites in Under 10 Minutes &#124; AddyOsmani.com &#124; Where Web Businesses Grow -- Topsy.com</dc:creator>
		<pubDate>Mon, 12 Oct 2009 19:59:32 +0000</pubDate>
		<guid isPermaLink="false">http://addyosmani.com/blog/css-sprites-in-under-10-minutes/#comment-306</guid>
		<description>[...] This post was mentioned on Twitter by Adnan Osmani. Adnan Osmani said: Whoa. Everything you ever needed to know about CSS Sprites in under 10 minutes http://bit.ly/17XMsg [...]</description>
		<content:encoded><![CDATA[<p>[...] This post was mentioned on Twitter by Adnan Osmani. Adnan Osmani said: Whoa. Everything you ever needed to know about CSS Sprites in under 10 minutes <a href="http://bit.ly/17XMsg" rel="nofollow">http://bit.ly/17XMsg</a> [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tweets that mention CSS Sprites in Under 10 Minutes &#124; AddyOsmani.com &#124; Where Web Businesses Grow -- Topsy.com</title>
		<link>http://addyosmani.com/blog/css-sprites-in-under-10-minutes/comment-page-1/#comment-916</link>
		<dc:creator>Tweets that mention CSS Sprites in Under 10 Minutes &#124; AddyOsmani.com &#124; Where Web Businesses Grow -- Topsy.com</dc:creator>
		<pubDate>Mon, 12 Oct 2009 19:59:32 +0000</pubDate>
		<guid isPermaLink="false">http://addyosmani.com/blog/css-sprites-in-under-10-minutes/#comment-916</guid>
		<description>[...] This post was mentioned on Twitter by Adnan Osmani. Adnan Osmani said: Whoa. Everything you ever needed to know about CSS Sprites in under 10 minutes http://bit.ly/17XMsg [...]</description>
		<content:encoded><![CDATA[<p>[...] This post was mentioned on Twitter by Adnan Osmani. Adnan Osmani said: Whoa. Everything you ever needed to know about CSS Sprites in under 10 minutes <a href="http://bit.ly/17XMsg" rel="nofollow">http://bit.ly/17XMsg</a> [...]</p>
]]></content:encoded>
	</item>
</channel>
</rss>
