<?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>PION.RU - Только лучшее видео, игры, роботы, технологии, музыка, юмор &#187; веб</title>
	<atom:link href="http://pion.ru/wpress/tag/veb/feed/" rel="self" type="application/rss+xml" />
	<link>http://pion.ru/wpress</link>
	<description>PION.RU - Robots, fun, Images, Video, Games, html, css</description>
	<lastBuildDate>Fri, 20 Jan 2012 13:13:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>Таблица безопасных шрифтов для вашего сайта</title>
		<link>http://pion.ru/wpress/2008/08/25/tablica-bezopasnyx-shriftov-dlya-vashego-sajta/</link>
		<comments>http://pion.ru/wpress/2008/08/25/tablica-bezopasnyx-shriftov-dlya-vashego-sajta/#comments</comments>
		<pubDate>Mon, 25 Aug 2008 12:44:07 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[Полезно]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[windows]]></category>
		<category><![CDATA[веб]]></category>
		<category><![CDATA[веб-дизайн]]></category>
		<category><![CDATA[шрифты]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/2008/03/25/tablica-bezopasnyx-shriftov-dlya-vashego-sajta/</guid>
		<description><![CDATA[Нашел хорошую таблицу “безопасных” шрифтов для создания сайтов. Там показаны шрифты как для всех версий Windows и их аналогичные братья в MAC OS. Давно искал нечто подобное и вот, наткнулся. Там же внизу есть скриншоты, чтобы можно было лучше себе представить, как ваши шрифты будут видеть пользователи других ОС. © 2006—2010 Pion.ru - самый познавательный [...]]]></description>
			<content:encoded><![CDATA[<p>Нашел хорошую <noindex><a rel="nofollow" href="http://pion.ru/wpress/wp-content/plugins/extredj/red.php?ext=aHR0cDovL3d3dy5hbXBzb2Z0Lm5ldC93ZWJkZXNpZ24tbC9XaW5kb3dzTWFjRm9udHMuaHRtbA==" target="_blank" title="Откроется в новом окне">таблицу</a></noindex> “безопасных” шрифтов для создания сайтов. Там показаны шрифты как для всех версий Windows и их аналогичные братья в MAC OS. Давно искал нечто подобное и вот, наткнулся. Там же внизу  есть скриншоты, чтобы можно было лучше себе представить, как ваши шрифты будут видеть пользователи других ОС.</p>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2008/08/25/tablica-bezopasnyx-shriftov-dlya-vashego-sajta/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Цитаты и тэг blockquote</title>
		<link>http://pion.ru/wpress/2008/03/27/citaty-i-teg-blockquote/</link>
		<comments>http://pion.ru/wpress/2008/03/27/citaty-i-teg-blockquote/#comments</comments>
		<pubDate>Thu, 27 Mar 2008 08:49:08 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[веб]]></category>
		<category><![CDATA[веб-дизайн]]></category>
		<category><![CDATA[цитата]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/2008/03/27/citaty-i-teg-blockquote/</guid>
		<description><![CDATA[Если есть желание красиво оформить цитату в вашем блоге или на вашем сайте, то для этого вот вам понадобится описать в ститлях тег blockquote и пару картинок. Код работает ведзе (под словом везде я имею ввиду Оперу, ИЕ6 и выше, ФФ). Пример выглядит так: Ощущение мира амбивалентно понимает под собой здравый смысл, обще-отрицательное, частно утвердительное [...]]]></description>
			<content:encoded><![CDATA[<p>Если есть желание красиво оформить цитату в вашем блоге или на вашем сайте, то для этого вот вам понадобится описать в ститлях тег blockquote и пару картинок. Код работает ведзе (под словом везде я имею ввиду Оперу, ИЕ6 и выше, ФФ).<br />
Пример выглядит так:<br />
<blockquote>Ощущение мира амбивалентно понимает под собой здравый смысл, обще-отрицательное, частно утвердительное и частно отрицательное суждения. Конфликт индуктивно трансформирует типичный даосизм, учитывая опасность, которую представляли собой писания Дюринга для не окрепшего еще немецкого рабочего движения. Ато джива нетривиальна. Отношение к современности порождает и обеспечивает сенсибельный гений, хотя в официозе принято обратное.</p></blockquote>
<p><strong>CSS:</strong></p>
<pre class="brush: css; title: ; notranslate">
blockquote {
	font-size:1em;
	line-height:140%;
	margin:20px;
	background: url(closequote.gif) no-repeat bottom right;
	padding:0px 40px 5px 40px;
	text-align:justify;
	color: #3c7ba4;
}
blockquote:first-letter {
	background: url(openquote.gif) no-repeat left top;
	margin-left: -40px;
	padding:5px 2px 10px 40px;
}
</pre>
<p><strong>HTML</strong></p>
<pre class="brush: xml; title: ; notranslate">
&lt;blockquote&gt;
Текст цитаты тут...
&lt;/blockquote&gt;
</pre>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2008/03/27/citaty-i-teg-blockquote/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Все версии Internet Explorer у вас на компьютере</title>
		<link>http://pion.ru/wpress/2008/03/26/vse-versii-internet-explorer-u-vas-na-kompyutere/</link>
		<comments>http://pion.ru/wpress/2008/03/26/vse-versii-internet-explorer-u-vas-na-kompyutere/#comments</comments>
		<pubDate>Wed, 26 Mar 2008 10:02:44 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[windows]]></category>
		<category><![CDATA[XP]]></category>
		<category><![CDATA[браузер]]></category>
		<category><![CDATA[веб]]></category>
		<category><![CDATA[скачать]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/2008/03/26/vse-versii-internet-explorer-u-vas-na-kompyutere/</guid>
		<description><![CDATA[Для тех кто очень много работает с версткой сайтов, этот пост может быть очень полезен, т.к. чтобы сделать хороший сайт нужно чтобы он работал как минимум в двух версиях эксплорера IE6 и IE7 не говоря уже о других браузерах которые набирают обороты, но сейчас не о них. Так вот по ссылке можно почитать поподробнее про [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://pion.ru/wpress/wp-content/uploads/2008/03/setup1.png' alt='Все версии IE у вас на компе' align="left" style="padding-right: 15px" />Для тех кто очень много работает с версткой сайтов, этот пост может быть очень полезен, т.к. чтобы сделать хороший сайт нужно чтобы  он работал как минимум в двух версиях эксплорера IE6 и IE7 не говоря уже о других браузерах которые набирают обороты, но сейчас не о них.</p>
<p>Так вот по <noindex><a rel="nofollow" href="http://pion.ru/wpress/wp-content/plugins/extredj/red.php?ext=aHR0cDovL3RyZWRvc29mdC5jb20vbXVsdGlwbGVfaWU=" target="_blank" title="откроется в новом окне">ссылке</a></noindex> можно почитать поподробнее про этот пак а скачать сразу его можно нажав <noindex><a rel="nofollow" target="_blank" href="http://pion.ru/wpress/wp-content/plugins/extredj/red.php?ext=aHR0cDovL3RyZWRvc29mdC5jb20vZmlsZXMvbXVsdGktaWUvbXVsdGlwbGUtaWUtc2V0dXAuZXhl" title="cкачать">сюда</a></noindex> . В эти 10Mb входит сразу 5 версий эксплорера, и все они должны работать.</p>
<p>Увы не запускается на Windows Vista, там есть ссылка где рассказывается как это можно сделать.</p>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2008/03/26/vse-versii-internet-explorer-u-vas-na-kompyutere/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Закругленные уголки у контейнера</title>
		<link>http://pion.ru/wpress/2008/03/25/zakruglennye-ugolki-u-kontejnera/</link>
		<comments>http://pion.ru/wpress/2008/03/25/zakruglennye-ugolki-u-kontejnera/#comments</comments>
		<pubDate>Tue, 25 Mar 2008 14:21:28 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[веб]]></category>
		<category><![CDATA[веб-дизайн]]></category>
		<category><![CDATA[закругленные уголки]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/2008/03/25/zakruglennye-ugolki-u-kontejnera/</guid>
		<description><![CDATA[Способов закруглить уголки у контейнера существует немало, вот один из них. Хорошо тем, что очень прост и понятен. Пример делать не буду, и так ясно что все будет работать © 2006—2010 Pion.ru - самый познавательный и развлекательный блог Начинайте зарабатывать на своем сайте уже сейчас.]]></description>
			<content:encoded><![CDATA[<p>Способов закруглить уголки у контейнера существует немало, вот один из них. Хорошо тем, что очень прост и понятен. Пример делать не буду, и так ясно что все будет работать <img src='http://pion.ru/wpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<pre class="brush: xml; title: ; notranslate">
&lt;p&gt;
  &lt;span&gt;
  &lt;span&gt;
  &lt;span&gt;
  Текст в контейнере
  &lt;/span&gt;
  &lt;/span&gt;
  &lt;/span&gt;
&lt;/p&gt;
</pre>
<pre class="brush: css; title: ; notranslate">
p {
   color: black;
   background: white url(&quot;img/lt.gif&quot;) top left no-repeat;
   margin: 0 0 20px 0;
}

p span {
   display: block;
   background: url(&quot;img/rt.gif&quot;) top right no-repeat;
}

p span span {
   background: url(&quot;img/rb.gif&quot;) bottom right no-repeat;
}

p span span span {
   padding: 2em;
   min-height: 1px;
   background: url(&quot;img/lb.gif&quot;) bottom left no-repeat;
}

* html p span span span {
   height: 1px; /*исправление для IE 6*/
}
</pre>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2008/03/25/zakruglennye-ugolki-u-kontejnera/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>:first-letter и два фона у одного объекта</title>
		<link>http://pion.ru/wpress/2008/03/25/first-letter-i-dva-fona-u-odnogo-obekta/</link>
		<comments>http://pion.ru/wpress/2008/03/25/first-letter-i-dva-fona-u-odnogo-obekta/#comments</comments>
		<pubDate>Tue, 25 Mar 2008 11:42:31 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[веб]]></category>
		<category><![CDATA[веб-дизайн]]></category>
		<category><![CDATA[Кнопка]]></category>
		<category><![CDATA[мое]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/2008/03/25/first-letter-i-dva-fona-u-odnogo-obekta/</guid>
		<description><![CDATA[Вот придумал как можно делать кнопки с закругленными уголками при помощи двух бэкграундов на одном объекте, в данном случае это H2. Работает в ИЕ, ФФ, Опере. На версии не проверял особо, но думаю проблем не должно возникнуть где работает :first-letter, для IE6 главное незабыть между h2:first-letter и { поставить пробел, а то не будет работать. [...]]]></description>
			<content:encoded><![CDATA[<p>Вот придумал как можно делать кнопки с закругленными уголками при помощи двух бэкграундов на одном объекте, в данном случае это H2. Работает в ИЕ, ФФ, Опере. На версии не проверял особо, но думаю проблем не должно возникнуть где работает :first-letter,<br />
для IE6 главное незабыть между h2:first-letter и { поставить пробел, а то не будет работать.</p>
<p>Пример <a href='http://pion.ru/wpress/wp-content/uploads/2008/03/two_bg_on_h2.html' title='Пример кнопки с двумя фонами на одном объекте' target="_blank">тут</a></p>
<p><strong>HTML:</strong></p>
<pre class="brush: xml; title: ; notranslate">
&lt;h2&gt;Клевая кнопка&lt;/h2&gt;
</pre>
<p><strong>CSS:</strong></p>
<pre class="brush: css; title: ; notranslate">
h2 {
	background: url(rightc.gif) right center no-repeat red;
	width: 200px;
	color: white;
}
h2:first-letter {
	background: url(leftc.gif) left center no-repeat;
	padding: 10px 0 10px 12px;
	display: block;
	line-height: 36px;
}
</pre>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2008/03/25/first-letter-i-dva-fona-u-odnogo-obekta/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ClickHeat &#8211; Куда кликают у вас на сайте</title>
		<link>http://pion.ru/wpress/2008/03/18/clickheat-kuda-klikayut-u-vas-na-sajte/</link>
		<comments>http://pion.ru/wpress/2008/03/18/clickheat-kuda-klikayut-u-vas-na-sajte/#comments</comments>
		<pubDate>Tue, 18 Mar 2008 12:59:41 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[ClickHeat]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[браузер]]></category>
		<category><![CDATA[веб]]></category>
		<category><![CDATA[статистика]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/2008/03/18/clickheat-kuda-klikayut-u-vas-na-sajte/</guid>
		<description><![CDATA[Если вы хотите знать, какое самое кликабельное место у вас на сайте, то для этого вам понадобится установить скрипт ClickHeat написаный на PHP, а в сайт встроить мелкий кусочек джаваскрипта и потом высможете наблюдать за тем, куда кликают ваши посетители. Эта утилита может быть полезна для лучшей оптимизации сайта, нахождения слабых мест в навигации или [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://pion.ru/wpress/wp-content/uploads/2008/03/clickheat.jpg' alt='ClickHeat' class="alignleft" />Если вы хотите знать, какое самое кликабельное место у вас на сайте, то для этого вам понадобится установить скрипт ClickHeat написаный на PHP, а в сайт встроить мелкий кусочек джаваскрипта и потом высможете наблюдать за тем, куда кликают ваши посетители. </p>
<p>Эта утилита может быть полезна для лучшей оптимизации сайта, нахождения слабых мест в навигации или мест которые не замечают ваши посетители. Эта программа будет полезна для всех, кто занимается сайтостроением.</p>
<p><noindex><a rel="nofollow" title="http://www.labsmedia.com/clickheat/index.html" target="_blank" href="http://pion.ru/wpress/wp-content/plugins/extredj/red.php?ext=aHR0cDovL3d3dy5sYWJzbWVkaWEuY29tL2NsaWNraGVhdC9pbmRleC5odG1s">Сайт разработчиков</a></noindex>, <noindex><a rel="nofollow" title="http://sourceforge.net/project/showfiles.php?group_id=181196" target="_blank" href="http://pion.ru/wpress/wp-content/plugins/extredj/red.php?ext=aHR0cDovL3NvdXJjZWZvcmdlLm5ldC9wcm9qZWN0L3Nob3dmaWxlcy5waHA/Z3JvdXBfaWQ9MTgxMTk2">Скачать тут</a></noindex></p>
<p><strong>Update:</strong></p>
<p>После установки IE6 и проверки своего сайта в нем, оказалось что после загрузки и пары кликов браузер просто перестает функционировать. Как оказалось все из-за этой вот статистики, код со страницы убрал, все стало нормально. Может конечно это из-за кривого IE6, который я ставил из <a href="/wpress/2008/03/26/vse-versii-internet-explorer-u-vas-na-kompyutere/">набора браузеров</a>.</p>
<p>Так что подумайте 10 раз прежде чем ставить <img src='http://pion.ru/wpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  т.к. сейчас еще у более чем 50% посетителей использующих Internet Explorer установлена 6 версия.</p>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2008/03/18/clickheat-kuda-klikayut-u-vas-na-sajte/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Полезные вещички для веб-мастера</title>
		<link>http://pion.ru/wpress/2008/03/15/poleznye-veshhichki-dlya-veb-mastera/</link>
		<comments>http://pion.ru/wpress/2008/03/15/poleznye-veshhichki-dlya-veb-mastera/#comments</comments>
		<pubDate>Sat, 15 Mar 2008 20:26:39 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[Полезно]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[веб]]></category>
		<category><![CDATA[веб-дизайн]]></category>
		<category><![CDATA[Полезные сайты]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/2008/03/15/poleznye-veshhichki-dlya-veb-mastera/</guid>
		<description><![CDATA[Для тех кто часто занимается созданием сайтов, а непосредственно версткой будет полезна эта ссылка. Там вы можете найти уже готовые и заточеные под все браузеры стили которые приходится писать каждый раз при создании сайта. Вот что пишут о себе на том сайте: CSS-Framework — это набор css-стилей, упрощающий создание нового сайта. Вам не придётся каждый [...]]]></description>
			<content:encoded><![CDATA[<p>Для тех кто часто занимается созданием сайтов, а непосредственно версткой будет полезна эта <noindex><a rel="nofollow" title="http://css-framework.ru/" target="_blank" href="http://pion.ru/wpress/wp-content/plugins/extredj/red.php?ext=aHR0cDovL2Nzcy1mcmFtZXdvcmsucnUv">ссылка</a></noindex>. Там вы можете найти уже готовые и заточеные под все браузеры стили которые приходится писать каждый раз при создании сайта. Вот что пишут о себе на том сайте:<br />
<blockquote>CSS-Framework — это набор css-стилей, упрощающий создание нового сайта. Вам не придётся каждый раз придумывать и описывать то, что уже давно придумано и описано.</p></blockquote>
<p>Там же есть описание разных <strong>CSS-хаков </strong> и других полезных вещичек. Если не пригодится никому то хотя бы мне <img src='http://pion.ru/wpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2008/03/15/poleznye-veshhichki-dlya-veb-mastera/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Перенос длинных строк не умещающихся в &lt;pre&gt; и &lt;code&gt;</title>
		<link>http://pion.ru/wpress/2008/03/06/perenos-dlinnyx-strok-ne-umeshhayushhixsya-v-pre-i-code/</link>
		<comments>http://pion.ru/wpress/2008/03/06/perenos-dlinnyx-strok-ne-umeshhayushhixsya-v-pre-i-code/#comments</comments>
		<pubDate>Thu, 06 Mar 2008 09:17:51 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[веб]]></category>
		<category><![CDATA[веб-дизайн]]></category>
		<category><![CDATA[перенос строк]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/2008/03/06/perenos-dlinnyx-strok-ne-umeshhayushhixsya-v-pre-i-code/</guid>
		<description><![CDATA[Когда строки текста внутри контейнеров pre и code слишком длинные и задана фиксированная ширина этих блоков, то появляется горизонтальная прокрутка. На самом деле все так и было задумано, но в некоторых случаях это не позволительно и бывает нужно, чтобы не было ни горизонтальной прокрутки и не разъезжался и сам блок. Для этого и придумали вот [...]]]></description>
			<content:encoded><![CDATA[<p>Когда строки текста внутри контейнеров pre и code слишком длинные и задана фиксированная ширина этих блоков, то появляется горизонтальная прокрутка.</p>
<p>На самом деле все так и было задумано, но в некоторых случаях это не позволительно и бывает нужно, чтобы не было ни горизонтальной прокрутки и не разъезжался и сам блок. </p>
<p>Для этого и придумали вот такой вот выход из сложившейся ситуации. После добавления этих строк в ЦСС файл, текст в контейнерах пре и код будет переноситься если не умещается по ширине.</p>
<pre class="brush: css; title: ; notranslate">
pre, code {
	white-space: pre-wrap;           /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, начиная с 1999 года */
	white-space: -pre-wrap;          /* Opera 4-6 */
	white-space: -o-pre-wrap;      /* Opera 7 */
	word-wrap: break-word;         /* Internet Explorer 5.5+ */
}
</pre>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2008/03/06/perenos-dlinnyx-strok-ne-umeshhayushhixsya-v-pre-i-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>БлогоВар</title>
		<link>http://pion.ru/wpress/2008/03/05/blogovar/</link>
		<comments>http://pion.ru/wpress/2008/03/05/blogovar/#comments</comments>
		<pubDate>Wed, 05 Mar 2008 08:27:47 +0000</pubDate>
		<dc:creator>Pion2er</dc:creator>
				<category><![CDATA[Веб-мастеру]]></category>
		<category><![CDATA[blogowar]]></category>
		<category><![CDATA[блог]]></category>
		<category><![CDATA[веб]]></category>
		<category><![CDATA[раскрутка]]></category>

		<guid isPermaLink="false">http://pion.ru/wpress/2008/03/05/blogovar/</guid>
		<description><![CDATA[Этот пост нужен для активации аккаунта, так что на него можно не обращать внимания. Ну а вообще возможно для блогеров будет полезна эта ссылка, там можно поднять рейтинг своего блока и увеличить его посещаемость, правда я еще не совсем в нем разобрался. Будем вникать. Blogowar.ru © 2006—2010 Pion.ru - самый познавательный и развлекательный блог Начинайте [...]]]></description>
			<content:encoded><![CDATA[<p>Этот пост нужен для активации аккаунта, так что на него можно не обращать внимания. Ну а вообще возможно для блогеров будет полезна эта ссылка, там можно поднять рейтинг своего блока и увеличить его посещаемость, правда я еще не совсем в нем разобрался. Будем вникать.<br />
<noindex><a rel="nofollow" title="http://blogowar.ru" target="_blank" href="http://pion.ru/wpress/wp-content/plugins/extredj/red.php?ext=aHR0cDovL2Jsb2dvd2FyLnJ1" rel="4f9a71fbf8665a5f40223cbb1861e041">Blogowar.ru</a></noindex></p>
<p><hr>
© 2006—2010 <a href="http://pion.ru/wpress/">Pion.ru - самый познавательный и развлекательный блог</a>
<hr>
<ul>
<li><a href="http://www.sape.ru/" onClick="this.href='http://www.sape.ru/r.ab3c37f4dc.php'">Начинайте зарабатывать</a> на своем сайте уже сейчас.
</ul></p>]]></content:encoded>
			<wfw:commentRss>http://pion.ru/wpress/2008/03/05/blogovar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

