<?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>CLEARFiX - xhtml, css, javascript, seo &#187; CSS</title>
	<atom:link href="http://www.r4ms3s.cz/kategorie/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.r4ms3s.cz</link>
	<description></description>
	<lastBuildDate>Wed, 30 Jun 2010 18:20:31 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Tisk stránky, aneb tiskneme jen to co je potřeba</title>
		<link>http://www.r4ms3s.cz/tisk-stranky-aneb-tiskneme-jen-to-co-je-potreba/</link>
		<comments>http://www.r4ms3s.cz/tisk-stranky-aneb-tiskneme-jen-to-co-je-potreba/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 21:35:15 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=242</guid>
		<description><![CDATA[Netuším, kolik návštěvníků stránek používá tisk přímo z prohlížeče, ale rád to, i třeba tomu 1% usnadním a vytvořím jim speciální styl pro tisk.
Jak vypadá výsledný vzhled tisku, se můžete podívat na nově spuštěných stránkách www.lanex.cz, nejlépe to jde vidět v sekci O nás, pokud si (v Internet Exploreru) zobrazíte náhled tisku, tak uvidíte, že [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/tisk-stranky-aneb-tiskneme-jen-to-co-je-potreba/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Google maps API: použití a stylování vlastní &#8222;bubliny&#8220;</title>
		<link>http://www.r4ms3s.cz/google-maps-api-pouziti-a-stylovani-vlastni-bubliny/</link>
		<comments>http://www.r4ms3s.cz/google-maps-api-pouziti-a-stylovani-vlastni-bubliny/#comments</comments>
		<pubDate>Tue, 05 Jan 2010 16:40:52 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Nástroje]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=226</guid>
		<description><![CDATA[V tomto článku bych chtěl vysvětlit co je potřeba k tomu, aby si kodér mohl nastylovat vlastní vzhled bubliny, ve které se zobrazují informace po kliknutí na ikonku na mapě, pro názornost, ukážu příklad na nově spuštěném webu www.zetor.cz, kde v kontaktech naleznete, po kliknutí na záložku „Jak k nám“, google mapu. Když si kliknete [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/google-maps-api-pouziti-a-stylovani-vlastni-bubliny/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ulehčeme googlu indexaci našich stránek</title>
		<link>http://www.r4ms3s.cz/ulehceme-googlu-indexaci-nasich-stranek/</link>
		<comments>http://www.r4ms3s.cz/ulehceme-googlu-indexaci-nasich-stranek/#comments</comments>
		<pubDate>Fri, 25 Dec 2009 13:45:15 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Nástroje]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=197</guid>
		<description><![CDATA[Vůbec nevím jak je tento princip účinný nebo jak moc googlu doopravdy pomáhám, ale jsem naučený, že první co musí být v kodu je text samotné stránky, a poté např. hlavička, levý sloupce / pravý sloupec, patička (někdy tento způsob nepoužiji 100% kvůli hlavičce a problematickému sepisování).
Typický příklad rozložení stránky:



HTML kód by v normálním případě [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/ulehceme-googlu-indexaci-nasich-stranek/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>CSS Box Model &#8211; a jeho interpretace v různých prohlížečích</title>
		<link>http://www.r4ms3s.cz/css-box-model-a-jeho-interpretace-v-ruznych-prohlizecich/</link>
		<comments>http://www.r4ms3s.cz/css-box-model-a-jeho-interpretace-v-ruznych-prohlizecich/#comments</comments>
		<pubDate>Sun, 20 Dec 2009 18:39:53 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Nástroje]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=176</guid>
		<description><![CDATA[Typický problém začínajícího kodéra je ten, že se snaží dát jednomu prvku, např. DIVu, šířku, výšku, vnitřní odsazení, okraj a vnější odsazení naraz, neboli nastaví např.:

div{
width:300px;
height:300px;
padding:10px 15px;
margin:10px 20px;
}

tomuto nastavení se říká BOX model a pro názornost jak vypadá:



Na wikipedii je k nalezení obrázek na stránce Internet Explorer box model bug, kde je pěkně ukázáno jak [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/css-box-model-a-jeho-interpretace-v-ruznych-prohlizecich/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Sprites &#8211; sloučení více obrázků v jeden</title>
		<link>http://www.r4ms3s.cz/css-sprites-slouceni-vice-obrazku-v-jeden/</link>
		<comments>http://www.r4ms3s.cz/css-sprites-slouceni-vice-obrazku-v-jeden/#comments</comments>
		<pubDate>Thu, 10 Dec 2009 18:36:01 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Nástroje]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=154</guid>
		<description><![CDATA[Říkáte si k čemu to může být takové &#8222;sloučení více obrázků v jeden&#8220;, ale např. facebook, youtube, amazon a určitě spousta dalších moc dobře ví. Jde v podstatě o to, že více obrázků, které vkládáme do stránky přes CSS (background:ur(xxx.gif)), můžeme sloučit do jednoho společného obrázku, a tím ulehčit stránce jednak datově ale i počtem [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/css-sprites-slouceni-vice-obrazku-v-jeden/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Ladění stránek bez zapnutého Javascriptu</title>
		<link>http://www.r4ms3s.cz/ladeni-stranek-bez-zapnuteho-javascriptu/</link>
		<comments>http://www.r4ms3s.cz/ladeni-stranek-bez-zapnuteho-javascriptu/#comments</comments>
		<pubDate>Tue, 01 Dec 2009 19:53:05 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=71</guid>
		<description><![CDATA[Většina kodérů pokud na stránce použije Javascript (dále JS), tak už se nestará o ty, kteří JS mají vypnutý. Na svých webech (jako je např. tento blog) mě to také nezajímá nebo neřeším to do takových extrémů, protože počítám s tím, že moji návštěvníci mají JS zapnutý, ale na webech, které tvoří portfolio naší firmy [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/ladeni-stranek-bez-zapnuteho-javascriptu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Grafické taháky: HTML 5, Javascript, jQuery, PHP, MySQL, Regulární výrazy, mod_rewrite a SEO</title>
		<link>http://www.r4ms3s.cz/graficke-tahaky-html-5-javascript-jquery-php-mysql-regularni-vyrazy-mod_rewrite-a-seo/</link>
		<comments>http://www.r4ms3s.cz/graficke-tahaky-html-5-javascript-jquery-php-mysql-regularni-vyrazy-mod_rewrite-a-seo/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 16:17:31 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Nástroje]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=58</guid>
		<description><![CDATA[V tomto příspěvku budu hlavně odkazovat na zajímavé taháky, které se můžou hodit webdesignerovi, pro rychlé nakouknutí do dané problematiky.
HTML 5



Antonio Lupetti alias Woork připravil přehlednou tabulku s HTML 5 tagy, můžete si dokonce vybrat mezi bílou nebo černou verzí  
CSS



Dave Child udělal přehledný tahák pro CSS styly, dokonce ho aktualizoval a proto jsou [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/graficke-tahaky-html-5-javascript-jquery-php-mysql-regularni-vyrazy-mod_rewrite-a-seo/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Orámování odkazů při kliknutí – outline:none</title>
		<link>http://www.r4ms3s.cz/oramovani-odkazu-pri-kliknuti-outline-none/</link>
		<comments>http://www.r4ms3s.cz/oramovani-odkazu-pri-kliknuti-outline-none/#comments</comments>
		<pubDate>Sun, 29 Nov 2009 14:00:26 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=52</guid>
		<description><![CDATA[Většina lidí používá ve svém prohlížeči záložky, a při kliknutí na odkaz a zobrazení do nového panelu se odkaz typicky označí čárkovaným ohraničením:



Pokud tomuto jevu chcete zabránit, tak stačí do CSS přidat:

link, a:visited, a:hover {
     outline:none;
}

A po kliknutí na nebude  odkaz orámován:


]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/oramovani-odkazu-pri-kliknuti-outline-none/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Průhledný PNG i v Internet Explorer 6</title>
		<link>http://www.r4ms3s.cz/pruhledny-png-i-v-ie6/</link>
		<comments>http://www.r4ms3s.cz/pruhledny-png-i-v-ie6/#comments</comments>
		<pubDate>Sun, 29 Nov 2009 13:41:13 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Nástroje]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=42</guid>
		<description><![CDATA[Vě většině prohlížečů se průhledný PNG zobrazí správně, až na starý Internet Explorer 6 se průhledne okraje podbarví odstínem šedo/bílé.
Pro odstranění toho nešvaru se používá malá javascriptová knihovna,
kterou udělal Drew Diller a řešení se nazývá DD_belatedPNG.
Použítí je jednoduché, připojíte si do dokumentu 7Kb soubor, a na elemtech které, chcete probudit, tak tento script zavoláte, např:



Tímto [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/pruhledny-png-i-v-ie6/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CLEARFiX</title>
		<link>http://www.r4ms3s.cz/clearfix/</link>
		<comments>http://www.r4ms3s.cz/clearfix/#comments</comments>
		<pubDate>Wed, 25 Nov 2009 09:30:17 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=11</guid>
		<description><![CDATA[Čím jiným na blogu pojmenovaném CLEARFiX začít, než se stejnojmeným trikem 
Většina kodéru tento trik určitě zná, a pokud ne tak se už určitě setkali s tímto problémem:



	div zarovnaný doleva


	div zarovnaný doprava



Pokud toto udělám, a neošetřím float, tak nám z divu content oba floatované divy &#8222;vytečou&#8220;.
Dříve se používalo např:



	div zarovnaný doleva


	div zarovnaný doprava





Nebo místo clear=&#8220;all&#8220; [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/clearfix/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
