<?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>İşte Bu! &#187; css</title>
	<atom:link href="http://blog.tanergunal.com.tr/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.tanergunal.com.tr</link>
	<description>ıvırla karışık zıvır</description>
	<lastBuildDate>Tue, 06 Jul 2010 11:11:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>pixel &gt; em</title>
		<link>http://blog.tanergunal.com.tr/pixel-em/</link>
		<comments>http://blog.tanergunal.com.tr/pixel-em/#comments</comments>
		<pubDate>Tue, 17 Feb 2009 21:40:47 +0000</pubDate>
		<dc:creator>tanergunal</dc:creator>
				<category><![CDATA[Tasarım]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[em]]></category>
		<category><![CDATA[pixel]]></category>
		<category><![CDATA[Yeni etiket ekle]]></category>

		<guid isPermaLink="false">http://blog.tanergunal.com.tr/?p=71</guid>
		<description><![CDATA[Artık yapılan tasarımlarda pixel yerine % oranlamalar tercih sebebi, bu durumda aşağıdaki tabloya çok iş düşüyor. .goinghigh tr:hover { background-color: #000; filter: alpha(opacity=50, style=0); -moz-opacity: 50%; } .none{ background-color: none; } Pixels EMs Percent Points 6px 0.375em 37.5% 5pt 7px 0.438em 43.8% 5pt 8px 0.5em 50% 6pt 9px 0.563em 56.3% 7pt 10px 0.625em 62.5% 8pt [...]]]></description>
			<content:encoded><![CDATA[<p>Artık yapılan tasarımlarda pixel yerine % oranlamalar tercih sebebi, bu durumda aşağıdaki tabloya çok iş düşüyor. <span id="more-71"></span></p>
<style type="text/css"> 
      .goinghigh tr:hover { 
        background-color: #000;
  filter: alpha(opacity=50, style=0);
  -moz-opacity: 50%; 
      } 
	  .none{
	  background-color: none;
	  }
    </style>
<table id="pixelem" class="goinghigh" style="text-align: center; height: 456px;" border="1" cellspacing="0" cellpadding="5" width="361" bordercolor="#6598b8">
<tbody>
<tr bgcolor="#000000">
<th align="center">
<div align="center" style="font-weight:bold; color:#FF9900">Pixels</div>
</th>
<th align="center">
<div align="center" style="font-weight:bold; color:#FF9900">EMs</div>
</th>
<th align="center">
<div align="center" style="font-weight:bold; color:#FF9900">Percent</div>
</th>
<th align="center">
<div align="center" style="font-weight:bold; color:#FF9900">Points</div>
</th>
</tr>
</tbody>
<tr class="even">
<td>6px</td>
<td>0.375em</td>
<td>37.5%</td>
<td>5pt</td>
</tr>
<tr class="odd">
<td>7px</td>
<td>0.438em</td>
<td>43.8%</td>
<td>5pt</td>
</tr>
<tr class="even">
<td>8px</td>
<td>0.5em</td>
<td>50%</td>
<td>6pt</td>
</tr>
<tr class="odd">
<td>9px</td>
<td>0.563em</td>
<td>56.3%</td>
<td>7pt</td>
</tr>
<tr class="even">
<td>10px</td>
<td>0.625em</td>
<td>62.5%</td>
<td>8pt</td>
</tr>
<tr class="odd">
<td>11px</td>
<td>0.688em</td>
<td>68.8%</td>
<td>8pt</td>
</tr>
<tr class="even">
<td>12px</td>
<td>0.75em</td>
<td>75%</td>
<td>9pt</td>
</tr>
<tr class="odd">
<td>13px</td>
<td>0.813em</td>
<td>81.3%</td>
<td>10pt</td>
</tr>
<tr class="even">
<td>14px</td>
<td>0.875em</td>
<td>87.5%</td>
<td>11pt</td>
</tr>
<tr class="odd">
<td>15px</td>
<td>0.938em</td>
<td>93.8%</td>
<td>11pt</td>
</tr>
<tr class="even default">
<td>16px</td>
<td>1em</td>
<td>100%</td>
<td>12pt</td>
</tr>
<tr class="odd">
<td>17px</td>
<td>1.063em</td>
<td>106.3%</td>
<td>13pt</td>
</tr>
<tr class="even">
<td>18px</td>
<td>1.125em</td>
<td>112.5%</td>
<td>14pt</td>
</tr>
<tr class="odd">
<td>19px</td>
<td>1.188em</td>
<td>118.8%</td>
<td>14pt</td>
</tr>
<tr class="even">
<td>20px</td>
<td>1.25em</td>
<td>125%</td>
<td>15pt</td>
</tr>
<tr class="odd">
<td>21px</td>
<td>1.313em</td>
<td>131.3%</td>
<td>16pt</td>
</tr>
<tr class="even">
<td>22px</td>
<td>1.375em</td>
<td>137.5%</td>
<td>17pt</td>
</tr>
<tr class="odd">
<td>23px</td>
<td>1.438em</td>
<td>143.8%</td>
<td>17pt</td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://blog.tanergunal.com.tr/pixel-em/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Eric Meyer&#8217;in meşhur reset.css&#8217;i</title>
		<link>http://blog.tanergunal.com.tr/reset-css/</link>
		<comments>http://blog.tanergunal.com.tr/reset-css/#comments</comments>
		<pubDate>Tue, 17 Feb 2009 19:38:35 +0000</pubDate>
		<dc:creator>tanergunal</dc:creator>
				<category><![CDATA[Tasarım]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[eric]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[meyer]]></category>
		<category><![CDATA[reset.css]]></category>

		<guid isPermaLink="false">http://blog.tanergunal.com.tr/?p=50</guid>
		<description><![CDATA[17.02.2009 tarihi itibarı ile orjinal hali aşağıdaki gibidir. /* v1.0 &#124; 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, [...]]]></description>
			<content:encoded><![CDATA[<p>17.02.2009 tarihi itibarı ile orjinal hali aşağıdaki gibidir.<span id="more-50"></span></p>
<p><code>/* v1.0 | 20080212 */</p>
<p></code><code>html, body, div, span, applet, object, iframe,<br />
h1, h2, h3, h4, h5, h6, p, blockquote, pre,<br />
a, abbr, acronym, address, big, cite, code,<br />
del, dfn, em, font, img, ins, kbd, q, s, samp,<br />
small, strike, strong, sub, sup, tt, var,<br />
b, u, i, center,<br />
dl, dt, dd, ol, ul, li,<br />
fieldset, form, label, legend,<br />
table, caption, tbody, tfoot, thead, tr, th, td {<br />
	margin: 0;<br />
	padding: 0;<br />
	border: 0;<br />
	outline: 0;<br />
	font-size: 100%;<br />
	vertical-align: baseline;<br />
	background: transparent;<br />
}<br />
body {<br />
	line-height: 1;<br />
}<br />
ol, ul {<br />
	list-style: none;<br />
}<br />
blockquote, q {<br />
	quotes: none;<br />
}<br />
blockquote:before, blockquote:after,<br />
q:before, q:after {<br />
	content: '';<br />
	content: none;<br />
}</p>
<p></code><code>/* remember to define focus styles! */<br />
:focus {<br />
	outline: 0;<br />
}</p>
<p></code><code>/* remember to highlight inserts somehow! */<br />
ins {<br />
	text-decoration: none;<br />
}<br />
del {<br />
	text-decoration: line-through;<br />
}</p>
<p></code><code>/* tables still need 'cellspacing="0"' in the markup */<br />
table {<br />
	border-collapse: collapse;<br />
	border-spacing: 0;<br />
}</code></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.tanergunal.com.tr/reset-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
