<?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>Denny Biasiolli - Il diario di bordo &#187; html</title>
	<atom:link href="http://blog.dennybiasiolli.com/archives/tag/html/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.dennybiasiolli.com</link>
	<description>Preparati al peggio, ma ambisci al meglio.</description>
	<lastBuildDate>Wed, 28 Jul 2010 06:45:10 +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>Auto stretch immagini con css</title>
		<link>http://blog.dennybiasiolli.com/archives/379?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=auto-stretch-immagini-con-css</link>
		<comments>http://blog.dennybiasiolli.com/archives/379#comments</comments>
		<pubDate>Sat, 26 Dec 2009 16:20:43 +0000</pubDate>
		<dc:creator>Denny</dc:creator>
				<category><![CDATA[Informatica]]></category>
		<category><![CDATA[Programmazione]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[fogli di stile]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[style]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.dennybiasiolli.com/?p=379</guid>
		<description><![CDATA[Qualche giorno fa ho avuto la necessità di visualizzare un&#8217;immagine a schermo in una determionata area, mantenendo le proporzioni dell&#8217;immagine e impostando le dimensioni massime visualizzabili.. Mi sono chiesto: &#8220;esisterà un modo per farlo con i fogli di stile?&#8221; La risposta è: &#8220;si, esiste!&#8221;. Ecco come ho fatto: max-width: 300px; max-height: 200px; Inserendo questo stile [...]]]></description>
			<content:encoded><![CDATA[<p>Qualche giorno fa ho avuto la necessità di visualizzare un&#8217;immagine a schermo in una determionata area, mantenendo le proporzioni dell&#8217;immagine e impostando le dimensioni massime visualizzabili..</p>
<p>Mi sono chiesto: &#8220;esisterà un modo per farlo con i fogli di stile?&#8221; La risposta è: &#8220;si, esiste!&#8221;. Ecco come ho fatto:</p>
<pre class="brush: css;">max-width: 300px;
max-height: 200px;</pre>
<p>Inserendo questo stile nell&#8217;oggetto immagine, quando verrà caricata rispetterà queste dimensioni massime e manterrà le proporzioni, senza ridimensionarla in modi strani..yeah!</p>
<div style="float:left;margin:0px 0px 0px 0px;"><a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-url="http://blog.dennybiasiolli.com/archives/379"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script></div><p><a href="http://www.addtoany.com/add_to/google_reader?linkurl=http%3A%2F%2Fblog.dennybiasiolli.com%2Farchives%2F379&amp;linkname=Auto%20stretch%20immagini%20con%20css" title="Google Reader" rel="nofollow" target="_blank"><img src="http://blog.dennybiasiolli.com/wp-content/plugins/add-to-any/icons/reader.png" width="16" height="16" alt="Google Reader"/></a> <a href="http://www.addtoany.com/add_to/google_gmail?linkurl=http%3A%2F%2Fblog.dennybiasiolli.com%2Farchives%2F379&amp;linkname=Auto%20stretch%20immagini%20con%20css" title="Google Gmail" rel="nofollow" target="_blank"><img src="http://blog.dennybiasiolli.com/wp-content/plugins/add-to-any/icons/gmail.png" width="16" height="16" alt="Google Gmail"/></a> <a href="http://www.addtoany.com/add_to/google_bookmarks?linkurl=http%3A%2F%2Fblog.dennybiasiolli.com%2Farchives%2F379&amp;linkname=Auto%20stretch%20immagini%20con%20css" title="Google Bookmarks" rel="nofollow" target="_blank"><img src="http://blog.dennybiasiolli.com/wp-content/plugins/add-to-any/icons/google.png" width="16" height="16" alt="Google Bookmarks"/></a> <a href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Fblog.dennybiasiolli.com%2Farchives%2F379&amp;linkname=Auto%20stretch%20immagini%20con%20css" title="Facebook" rel="nofollow" target="_blank"><img src="http://blog.dennybiasiolli.com/wp-content/plugins/add-to-any/icons/facebook.png" width="16" height="16" alt="Facebook"/></a> <a href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Fblog.dennybiasiolli.com%2Farchives%2F379&amp;linkname=Auto%20stretch%20immagini%20con%20css" title="Twitter" rel="nofollow" target="_blank"><img src="http://blog.dennybiasiolli.com/wp-content/plugins/add-to-any/icons/twitter.png" width="16" height="16" alt="Twitter"/></a> <a href="http://www.addtoany.com/add_to/windows_live_favorites?linkurl=http%3A%2F%2Fblog.dennybiasiolli.com%2Farchives%2F379&amp;linkname=Auto%20stretch%20immagini%20con%20css" title="Windows Live Favorites" rel="nofollow" target="_blank"><img src="http://blog.dennybiasiolli.com/wp-content/plugins/add-to-any/icons/live.png" width="16" height="16" alt="Windows Live Favorites"/></a> <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://blog.dennybiasiolli.com/wp-content/plugins/add-to-any/share_save_120_16.png" width="120" height="16" alt="Share/Bookmark"/></a> </p>
	<br /><br /><br /><br /><h4>Post correlati</h4>
	<ul class="st-related-posts">
	<li><a href="http://blog.dennybiasiolli.com/archives/466" title="Un nuovo logo per Google (3 maggio 2010)">Un nuovo logo per Google</a> (1)</li>
	<li><a href="http://blog.dennybiasiolli.com/archives/218" title="Rolltop &#8211; Il portatile del futuro (23 ottobre 2009)">Rolltop &#8211; Il portatile del futuro</a> (2)</li>
	<li><a href="http://blog.dennybiasiolli.com/archives/270" title="Query di Update con Replace in MySQL (3 novembre 2009)">Query di Update con Replace in MySQL</a> (3)</li>
	<li><a href="http://blog.dennybiasiolli.com/archives/32" title="Perché fondamentalmente anche io sono un genio! (15 ottobre 2008)">Perché fondamentalmente anche io sono un genio!</a> (1)</li>
	<li><a href="http://blog.dennybiasiolli.com/archives/503" title="Nuova grafica per Firefox &#8211; versione 3.7 Alpha 6 pre (17 giugno 2010)">Nuova grafica per Firefox &#8211; versione 3.7 Alpha 6 pre</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.dennybiasiolli.com/archives/379/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
