<?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>CSS Tutorials and CSS Articles &#187; CSS Tables</title>
	<atom:link href="http://www.cssmaster.co.uk/tag/css-tables/feed" rel="self" type="application/rss+xml" />
	<link>http://www.cssmaster.co.uk</link>
	<description>CSS tutorials and articles</description>
	<lastBuildDate>Tue, 02 Feb 2010 01:43:09 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>CSS Tables</title>
		<link>http://www.cssmaster.co.uk/css-tables</link>
		<comments>http://www.cssmaster.co.uk/css-tables#comments</comments>
		<pubDate>Sat, 16 Jan 2010 01:53:09 +0000</pubDate>
		<dc:creator>CSS Master</dc:creator>
				<category><![CDATA[CSS Tutorials]]></category>
		<category><![CDATA[CSS Tables]]></category>

		<guid isPermaLink="false">http://www.cssmaster.co.uk/?p=32</guid>
		<description><![CDATA[Using CSS Tables a developer has more scope on the styling and feel of the table elements.
In general, there are 6 HTML elements that deal with tables:

table &#8211; the table itself
thead &#8211; the header of the table
tbody &#8211; the main content of the table
tfoot &#8211; the footer of the table
tr &#8211; a table row
th &#8211; [...]]]></description>
			<content:encoded><![CDATA[<p>Using <strong>CSS Tables</strong> a developer has more scope on the styling and feel of the table elements.</p>
<p>In general, there are 6 HTML elements that deal with tables:</p>
<ul>
<li>table &#8211; the table itself</li>
<li>thead &#8211; the header of the table</li>
<li>tbody &#8211; the main content of the table</li>
<li>tfoot &#8211; the footer of the table</li>
<li>tr &#8211; a table row</li>
<li>th &#8211; a table heading</li>
<li>td &#8211; a table cell</li>
</ul>
<p>Each of these elements can be styled using traditional <a href="http://www.cssmaster.co.uk/selectors-and-declarations">CSS declarations</a>.  There are certain table-specific attributes that can also be declared though:<br />
<em>border-collapse</em> &#8211; if you have a table with a 1px border on every cell, then all joining borders will appear to be 2 pixels thick.  Collapsing the borders make the browser act as if they are one singular border.<br />
<em>vertical-align</em> &#8211; it is possible to align elements vertically within a table cell.  Similar to the valign HTML attribute, this can be set to &#8216;top&#8217;, &#8216;middle&#8217; or &#8216;bottom&#8217;.</p>
<p>Using all of these in conjunction can create a nice effect.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cssmaster.co.uk/css-tables/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

