<?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> &#187; web standards</title>
	<atom:link href="http://www.designformare.com/blog/tag/web-standards/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designformare.com/blog</link>
	<description></description>
	<lastBuildDate>Wed, 30 Jun 2010 17:40:40 +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>TABLES ARE BAD&#8230;MMM&#8217;KAY?</title>
		<link>http://www.designformare.com/blog/2009/06/tables-are-badmmmkay/</link>
		<comments>http://www.designformare.com/blog/2009/06/tables-are-badmmmkay/#comments</comments>
		<pubDate>Tue, 02 Jun 2009 20:46:40 +0000</pubDate>
		<dc:creator>Amy Taggart</dc:creator>
				<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[complliance]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[ezines]]></category>
		<category><![CDATA[tables]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web standards]]></category>

		<guid isPermaLink="false">http://www.designformare.com/blog/?p=4</guid>
		<description><![CDATA[Once upon a time, way before most of us were building compliant websites using CSS and divs, tables were all the rage.  Whenever we wanted to place text to the right of an image &#8211; BAM! Tables.  A series of images in a row?  Tables.  Specifically spaced paragraphs?  TABLES! The problem with this &#8220;solution&#8221; however [...]]]></description>
			<content:encoded><![CDATA[<p>Once upon a time, way before most of us were building compliant websites using CSS and divs, tables were all the rage.  Whenever we wanted to place text to the right of an image &#8211; BAM! Tables.  A series of images in a row?  Tables.  Specifically spaced paragraphs?  TABLES!</p>
<p>The problem with this &#8220;solution&#8221; however is that the real intention of tables was for &#8220;tabular data&#8221;.  It was not developed as a way for designers to position items on a page&#8230;although it was often being used for such.  (and still is in some cases &#8211; I&#8217;ll explain why later).</p>
<p>There are many reasons why you shouldn&#8217;t be using tables for layout.</p>
<ol>
<li>Tables result in slow page loading times.</li>
<li>They cause accessibility issues for handicapped people &#8211; namely those using screen readers.</li>
<li>They make it MUCH harder to do redesigns.</li>
<li>They affect page rankings in search engines.</li>
<li>The code necessary to create tables is way more complicated in comparison to CSS.</li>
</ol>
<p>Here is a great reference site for <a title="Why Tables Are Bad For Layout" href="http://phrogz.net/CSS/WhyTablesAreBadForLayout.html" target="_blank">Why Tables Are Bad For Layout</a>.</p>
<p>Now, having explained why tables are bad for layout, what can you do to build a site correctly?  You&#8217;ll need to learn CSS.  This may seem like a daunting task, especially if you are so used to building with tables and you like going with what you know.  However if you learn and keep up with the changing pace of CSS you will not only be doing yourself a favor but also all those who view your site/s on the web.</p>
<p>People are unfortunately impatient.  In most cases you have very little time to capture their attention.  If your visitors have to wait more than 15 seconds for your page to load chances are they have already clicked away from your site.  CSS allows you to create compliant web pages that load quickly and cleanly.  And if you ever want to change the look and feel site-wide, you can do so by editing one css file (versus editing every page of your site).</p>
<p>A good reference site for CSS is <a title="W3Schools" href="http://www.w3schools.com" target="_blank">W3Schools</a>.  If you tend to learn quicker working in a trainer led course, I offer group trainings online a few times per year.  I also offer one-on-one online training in Dreamweaver CS4, basic CSS, HTML and WordPress.  <a title="designFORMARE Online Training" href="http://www.designformare.com/onlinetraining" target="_blank">Click here for more information.</a></p>
<p>Earlier in this post I mentioned that there are still some cases where using tables is still &#8220;acceptable&#8221;.</p>
<p>One case of course is for tabular data.  Not sure if what you have is tabular data?  Ask yourself these questions:</p>
<ul>
<li>“Do the rows or columns of information share a common attribute?”</li>
<li>“If I changed the order of the rows or columns, would it still make sense?”</li>
<li>“If I transposed the axes of the table (made rows into columns and vice-versa) would it still make sense?”</li>
</ul>
<p>If the answer to the above is generally “Hrm&#8230;I guess not,” then you shouldn&#8217;t be using a table.  <a title="Source" href="http://phrogz.net/CSS/HowToDevelopWithCSS.html#tables" target="_blank">Source</a></p>
<p>The other case is when working with email based newsletters.  Unfortunately, many of the email clients in existence today are way behind the times when it comes to compliance.  Most do not yet work properly with CSS, so we are forced to use tables for layout in this case.  Some email clients support CSS more than others, but the idea behind email newsletters (aka ezines) is to reach everyone with minimal display errors.</p>
<p>It&#8217;s a rule of thumb if you are sending an HTML newsletter to also send along a TEXT version in the event that you are sending to someone whose email client does not support HTML email or is set not to display HTML for security reasons.</p>
<p>So to finalize, if you are still using tables for website layout there are plenty of reasons why you should learn to implement CSS.  You can still use your love of table layouts for creating ezines and get your fix there.  <img src='http://www.designformare.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.designformare.com/blog/2009/06/tables-are-badmmmkay/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
