<?xml version="1.0" encoding="iso-8859-1"?><!-- generator="b2evolution/3.3.2" -->
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:admin="http://webns.net/mvcb/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>Wrightsites.com Hosting Blog</title>
		<link>http://www.wrightsites.com/b2evolution/blogs/blog1.php</link>
		<atom:link rel="self" type="application/rss+xml" href="http://www.wrightsites.com/b2evolution/blogs/blog1.php?tempskin=_rss2" />
		<description></description>
		<language>en-US</language>
		<docs>http://blogs.law.harvard.edu/tech/rss</docs>
		<admin:generatorAgent rdf:resource="http://b2evolution.net/?v=3.3.2"/>
		<ttl>60</ttl>
				<item>
			<title>Support System Emails Sent in Error</title>
			<link>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2010/02/09/support-system-emails-sent-in-error</link>
			<pubDate>Tue, 09 Feb 2010 17:23:25 +0000</pubDate>			<dc:creator>Mark</dc:creator>
			<category domain="main">Company News</category>			<guid isPermaLink="false">47@http://www.wrightsites.com/b2evolution/blogs/</guid>
						<description>&lt;p&gt;Early on February 9, 2010, we experienced a problem with our Trouble Ticket System. After adding an address that had been spamming our ticket system to the blacklist, the tech support system went berserk and began reopening trouble tickets from as far back as three years ago and emailing the customers. The problem was noted and corrected within five minutes, but the system had already reopened several hundred tickets and and sent out the email for each of them. We sincerely apologize for any confusion and inconvenience that this may have caused.&lt;/p&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://www.wrightsites.com/b2evolution/blogs/blog1.php/2010/02/09/support-system-emails-sent-in-error&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<p>Early on February 9, 2010, we experienced a problem with our Trouble Ticket System. After adding an address that had been spamming our ticket system to the blacklist, the tech support system went berserk and began reopening trouble tickets from as far back as three years ago and emailing the customers. The problem was noted and corrected within five minutes, but the system had already reopened several hundred tickets and and sent out the email for each of them. We sincerely apologize for any confusion and inconvenience that this may have caused.</p><div class="item_footer"><p><small><a href="http://www.wrightsites.com/b2evolution/blogs/blog1.php/2010/02/09/support-system-emails-sent-in-error">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2010/02/09/support-system-emails-sent-in-error#comments</comments>
			<wfw:commentRss>http://www.wrightsites.com/b2evolution/blogs/blog1.php?tempskin=_rss2&#38;disp=comments&#38;p=47</wfw:commentRss>
		</item>
				<item>
			<title>2009 Mr. GoodMail Statistics</title>
			<link>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2010/02/01/2009-mr-goodmail-statistics</link>
			<pubDate>Mon, 01 Feb 2010 05:37:41 +0000</pubDate>			<dc:creator>Mark</dc:creator>
			<category domain="main">Company News</category>			<guid isPermaLink="false">46@http://www.wrightsites.com/b2evolution/blogs/</guid>
						<description>&lt;p&gt;Well the stats have been in and we've been analyzing to look for trends in the spam game.&amp;#160; Here is what our Mr. GoodMail system did in 2009:&lt;/p&gt;
&lt;p&gt;12,984,817 email messages passed through for our users&lt;br /&gt;12,295,533 email messages were&amp;#160;quarantined&amp;#160;as spam&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;8,707 email messages contained a virus and were deleted&lt;br /&gt;&amp;#160;&amp;#160;&amp;#160;&amp;#160;&amp;#160;680,577 email messages were considered valid and passed to our users&lt;/p&gt;
&lt;p&gt;Some interesting trends that we have noted:&lt;/p&gt;
&lt;p&gt;- The number of valid messages has increased steadily as new customers have moved to our system.&lt;br /&gt;- Total email messages coming into the system have fluctuated wildly.&amp;#160; When high profile spammers are shut down (which is often newsworthy), we typically see a well defined drop in total messages for 2-3 months.&lt;br /&gt;- The number of virus-infected messages has grown quickly over the past six months.&amp;#160; In the fourth quarter, Mr. GoodMail processed 10-times the number of virus messages as in the second quarter.&amp;#160; Preliminary numbers for January show this trend continuing.&lt;br /&gt;- We noted six false-positives in 2009. These messages were mistakenly marked as spam and quarantined.&amp;#160; Since they were in quarantine, users could still access the mail.&amp;#160; This equates to a rate of one false positive per 2.16 million messages processed.&amp;#160; While we would like to see that reduced to zero, this is among the best in the industry.&lt;/p&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://www.wrightsites.com/b2evolution/blogs/blog1.php/2010/02/01/2009-mr-goodmail-statistics&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<p>Well the stats have been in and we've been analyzing to look for trends in the spam game.&#160; Here is what our Mr. GoodMail system did in 2009:</p>
<p>12,984,817 email messages passed through for our users<br />12,295,533 email messages were&#160;quarantined&#160;as spam<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;8,707 email messages contained a virus and were deleted<br />&#160;&#160;&#160;&#160;&#160;680,577 email messages were considered valid and passed to our users</p>
<p>Some interesting trends that we have noted:</p>
<p>- The number of valid messages has increased steadily as new customers have moved to our system.<br />- Total email messages coming into the system have fluctuated wildly.&#160; When high profile spammers are shut down (which is often newsworthy), we typically see a well defined drop in total messages for 2-3 months.<br />- The number of virus-infected messages has grown quickly over the past six months.&#160; In the fourth quarter, Mr. GoodMail processed 10-times the number of virus messages as in the second quarter.&#160; Preliminary numbers for January show this trend continuing.<br />- We noted six false-positives in 2009. These messages were mistakenly marked as spam and quarantined.&#160; Since they were in quarantine, users could still access the mail.&#160; This equates to a rate of one false positive per 2.16 million messages processed.&#160; While we would like to see that reduced to zero, this is among the best in the industry.</p><div class="item_footer"><p><small><a href="http://www.wrightsites.com/b2evolution/blogs/blog1.php/2010/02/01/2009-mr-goodmail-statistics">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2010/02/01/2009-mr-goodmail-statistics#comments</comments>
			<wfw:commentRss>http://www.wrightsites.com/b2evolution/blogs/blog1.php?tempskin=_rss2&#38;disp=comments&#38;p=46</wfw:commentRss>
		</item>
				<item>
			<title>New Server Online</title>
			<link>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2010/01/22/new-server-online</link>
			<pubDate>Fri, 22 Jan 2010 16:34:07 +0000</pubDate>			<dc:creator>Mark</dc:creator>
			<category domain="main">Company News</category>			<guid isPermaLink="false">45@http://www.wrightsites.com/b2evolution/blogs/</guid>
						<description>&lt;p&gt;&lt;span style=&quot;font-family: arial,helvetica,sans-serif;&quot;&gt;Genevieve, our new Linux web server is now online and ready for use! This server closely follows our standard configuration, except she has 1.5 TB drives. We are running final tests this weekend and will begin migrating some accounts over on Monday. Be aware that this server will only allow PHP 5. We should all be moving toward that anyway, so we saw no point in installing PHP 4 libraries on a new server.&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-family: arial,helvetica,sans-serif;&quot;&gt;You will be notified a few days in advance of any change to your account.&amp;#160; If your account is to be&amp;#160;moved, we will be making sure that the configuration will transfer - PHP 4 is off, FrontPage Extensions are off, etc.&amp;#160; You should not see any downtime during an account move, but you will be asked not to update your account via FTP until the move is complete.&amp;#160; &lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://www.wrightsites.com/b2evolution/blogs/blog1.php/2010/01/22/new-server-online&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<p><span style="font-family: arial,helvetica,sans-serif;">Genevieve, our new Linux web server is now online and ready for use! This server closely follows our standard configuration, except she has 1.5 TB drives. We are running final tests this weekend and will begin migrating some accounts over on Monday. Be aware that this server will only allow PHP 5. We should all be moving toward that anyway, so we saw no point in installing PHP 4 libraries on a new server.</span></p>
<p><span style="font-family: arial,helvetica,sans-serif;">You will be notified a few days in advance of any change to your account.&#160; If your account is to be&#160;moved, we will be making sure that the configuration will transfer - PHP 4 is off, FrontPage Extensions are off, etc.&#160; You should not see any downtime during an account move, but you will be asked not to update your account via FTP until the move is complete.&#160; </span></p><div class="item_footer"><p><small><a href="http://www.wrightsites.com/b2evolution/blogs/blog1.php/2010/01/22/new-server-online">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2010/01/22/new-server-online#comments</comments>
			<wfw:commentRss>http://www.wrightsites.com/b2evolution/blogs/blog1.php?tempskin=_rss2&#38;disp=comments&#38;p=45</wfw:commentRss>
		</item>
				<item>
			<title>SpamCop Deslisting</title>
			<link>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/21/spamcop-deslisting</link>
			<pubDate>Thu, 22 Oct 2009 03:55:03 +0000</pubDate>			<dc:creator>Mark</dc:creator>
			<category domain="main">Company News</category>			<guid isPermaLink="false">44@http://www.wrightsites.com/b2evolution/blogs/</guid>
						<description>&lt;p&gt;As of this afternoon, we had been delisted by SpamCop, allowing our mail to go through the networks that were being blocked.&amp;#160; Hopefully this will end the problem.&lt;/p&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/21/spamcop-deslisting&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<p>As of this afternoon, we had been delisted by SpamCop, allowing our mail to go through the networks that were being blocked.&#160; Hopefully this will end the problem.</p><div class="item_footer"><p><small><a href="http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/21/spamcop-deslisting">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/21/spamcop-deslisting#comments</comments>
			<wfw:commentRss>http://www.wrightsites.com/b2evolution/blogs/blog1.php?tempskin=_rss2&#38;disp=comments&#38;p=44</wfw:commentRss>
		</item>
				<item>
			<title>SpamCop Listing</title>
			<link>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/20/spamcop-listing</link>
			<pubDate>Wed, 21 Oct 2009 03:51:36 +0000</pubDate>			<dc:creator>Mark</dc:creator>
			<category domain="main">Company News</category>			<guid isPermaLink="false">43@http://www.wrightsites.com/b2evolution/blogs/</guid>
						<description>&lt;p&gt;Our mail server has been listed in the SpamCop database on and off for the past few days.&amp;#160; This is resulting in&amp;#160;users being unable to send mail to some addresses.&amp;#160; We are aware of the problem and are working to correct it.&amp;#160; Unfortunately, SpamCop will not give us any usable information to track down the reason for the listing.&amp;#160; This is making it like looking for a needle in a haystack.&lt;/p&gt;
&lt;p&gt;SpamCop does offer a tool that would allow us to be immediately delisted after the problem is corrected.&amp;#160; However, the tool is open for anyone to use, and apparently someone did.&amp;#160; Since the tool can only be used once, we now no longer have that option.&amp;#160; So when we do finally correct the problem, it could take up to 24 hours before we are officially delisted.&lt;/p&gt;
&lt;p&gt;We will do our best to keep you informed of this situation.&amp;#160; We apologize for the inconvenience that this is causing.&amp;#160; We are working to correct this as quickly as we can.&lt;/p&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/20/spamcop-listing&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<p>Our mail server has been listed in the SpamCop database on and off for the past few days.&#160; This is resulting in&#160;users being unable to send mail to some addresses.&#160; We are aware of the problem and are working to correct it.&#160; Unfortunately, SpamCop will not give us any usable information to track down the reason for the listing.&#160; This is making it like looking for a needle in a haystack.</p>
<p>SpamCop does offer a tool that would allow us to be immediately delisted after the problem is corrected.&#160; However, the tool is open for anyone to use, and apparently someone did.&#160; Since the tool can only be used once, we now no longer have that option.&#160; So when we do finally correct the problem, it could take up to 24 hours before we are officially delisted.</p>
<p>We will do our best to keep you informed of this situation.&#160; We apologize for the inconvenience that this is causing.&#160; We are working to correct this as quickly as we can.</p><div class="item_footer"><p><small><a href="http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/20/spamcop-listing">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/20/spamcop-listing#comments</comments>
			<wfw:commentRss>http://www.wrightsites.com/b2evolution/blogs/blog1.php?tempskin=_rss2&#38;disp=comments&#38;p=43</wfw:commentRss>
		</item>
				<item>
			<title>Sitebuilder Implementation</title>
			<link>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/13/sitebuilder-implementation</link>
			<pubDate>Tue, 13 Oct 2009 05:34:46 +0000</pubDate>			<dc:creator>Mark</dc:creator>
			<category domain="alt">Company News</category>
<category domain="main">Technology News</category>
<category domain="alt">Website Design</category>			<guid isPermaLink="false">39@http://www.wrightsites.com/b2evolution/blogs/</guid>
						<description>&lt;p&gt;We have Sitebuilder installed, tested, and running.&amp;#160; It has been added to all reseller and Linux-based retail plans.&amp;#160; Resellers who haven't already been informed of this addition will be getting more information later this week.&amp;#160; Windows-based hosting plans will have Sitebuilder support added by the end of next week.&lt;/p&gt;
&lt;p&gt;Pricing for retail plans is as follows:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;1 Site - Free with hosting&lt;/li&gt;
&lt;li&gt;2 Sites - $1.00 per month&lt;/li&gt;
&lt;li&gt;3 Sites - $2.00 per month&lt;/li&gt;
&lt;li&gt;5 Sites - $4.00 per month&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;There is a tool included with Sitebuilder that will migrate old Site Studio websites into Sitebuilder.&amp;#160; We've not yet experimented with this, but are being told that it works about 80% of the time.&amp;#160; I'd like to see better odds, but this is better than no tool at all.&lt;/p&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/13/sitebuilder-implementation&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<p>We have Sitebuilder installed, tested, and running.&#160; It has been added to all reseller and Linux-based retail plans.&#160; Resellers who haven't already been informed of this addition will be getting more information later this week.&#160; Windows-based hosting plans will have Sitebuilder support added by the end of next week.</p>
<p>Pricing for retail plans is as follows:</p>
<ul>
<li>1 Site - Free with hosting</li>
<li>2 Sites - $1.00 per month</li>
<li>3 Sites - $2.00 per month</li>
<li>5 Sites - $4.00 per month</li>
</ul>
<p>There is a tool included with Sitebuilder that will migrate old Site Studio websites into Sitebuilder.&#160; We've not yet experimented with this, but are being told that it works about 80% of the time.&#160; I'd like to see better odds, but this is better than no tool at all.</p><div class="item_footer"><p><small><a href="http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/13/sitebuilder-implementation">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/13/sitebuilder-implementation#comments</comments>
			<wfw:commentRss>http://www.wrightsites.com/b2evolution/blogs/blog1.php?tempskin=_rss2&#38;disp=comments&#38;p=39</wfw:commentRss>
		</item>
				<item>
			<title>Windows Server Migration</title>
			<link>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/11/windows-server-migration-2</link>
			<pubDate>Sun, 11 Oct 2009 06:18:45 +0000</pubDate>			<dc:creator>Mark</dc:creator>
			<category domain="main">Company News</category>			<guid isPermaLink="false">42@http://www.wrightsites.com/b2evolution/blogs/</guid>
						<description>&lt;p&gt;All Windows accounts have been moved to the new server.&amp;#160; All issues that have been reported are fixed and closed at this time.&amp;#160; If you see any issues with your account, please let us know as soon as possible.&amp;#160; The new server is many times more powerful than the old one and will allow us to more smoothly transition to some of the newer Windows technologies.&lt;/p&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/11/windows-server-migration-2&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<p>All Windows accounts have been moved to the new server.&#160; All issues that have been reported are fixed and closed at this time.&#160; If you see any issues with your account, please let us know as soon as possible.&#160; The new server is many times more powerful than the old one and will allow us to more smoothly transition to some of the newer Windows technologies.</p><div class="item_footer"><p><small><a href="http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/11/windows-server-migration-2">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/10/11/windows-server-migration-2#comments</comments>
			<wfw:commentRss>http://www.wrightsites.com/b2evolution/blogs/blog1.php?tempskin=_rss2&#38;disp=comments&#38;p=42</wfw:commentRss>
		</item>
				<item>
			<title>Reasons to Use CSS in Website Design</title>
			<link>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/07/16/reasons-to-use-css-in-website-design</link>
			<pubDate>Thu, 16 Jul 2009 20:24:31 +0000</pubDate>			<dc:creator>Mark</dc:creator>
			<category domain="main">Website Design</category>			<guid isPermaLink="false">38@http://www.wrightsites.com/b2evolution/blogs/</guid>
						<description>&lt;p class=&quot;MsoNormal&quot; style=&quot;margin: 0in 0in 10pt;&quot;&gt;&lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt;Today&amp;#8217;s topic is Cascading Style Sheets.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;This is a critical tool for building websites today.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;In this entry I will NOT teach you CSS!&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;There are hundreds of books on the subject and thousands of tutorials online.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;I&amp;#8217;m not going to reinvent the wheel.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;I just want to give you some background for it and tell you why you should use it.&lt;/span&gt;&lt;/p&gt;
&lt;p class=&quot;MsoNormal&quot; style=&quot;margin: 0in 0in 10pt;&quot;&gt;&lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt;In researching for this blog entry, I was going over old web designs from when I first started out in 1999.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;I actually started teaching myself HTML code in 1997.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;I would build a layout in an old design tool called Hot Dog and then view the source code to see how it did it.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;Then I would change some things and see how the code behind the scenes changed.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;But anyway, looking back at some of these old designs really brings back memories.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;In case you haven&amp;#8217;t seen this, you can go to &lt;/span&gt;&lt;a href=&quot;http://www.archive.org/&quot;&gt;www.archive.org &lt;/a&gt; &lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt; and view many old websites.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;They store the code for the websites periodically, but never the images, so if you find a page that has a lot of broken images &amp;#8211; they have just been removed from the server to save space.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;You can view one of our old homepages at &lt;/span&gt;&lt;a href=&quot;http://web.archive.org/web/20010202082500/http:/wrightsites.com/&quot;&gt;&lt;span style=&quot;font-family: Calibri; color: #0000ff; font-size: small;&quot;&gt;http://web.archive.org/web/20010202082500/http://wrightsites.com/&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt;.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;That is from October 2000.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;There are some broken images here as well because as designs have changed, I have occasionally wiped out the data in the account before publishing a new site.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;But you get the idea.&lt;/span&gt;&lt;/p&gt;
&lt;p class=&quot;MsoNormal&quot; style=&quot;margin: 0in 0in 10pt;&quot;&gt;&lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt;This site was built old school.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;I coded the HTML by hand into Notepad.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;It&amp;#8217;s a pretty simple design that uses tables for the layout and basic HTML code to set fonts.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;For 2000, this method of design worked well.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;However, as time went on and designers developed new ideas and skills, the old method of using tables for layout became cumbersome.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;Tables, after all, were never designed to build a site layout &amp;#8211; they were designed to orient data into tabular form.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;And using tables to create a page layout was incredibly inefficient.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;A new method was needed and the World Wide Web Consortium (&lt;/span&gt;&lt;a href=&quot;http://www.w3.org/&quot;&gt;www.w3.org &lt;/a&gt;&lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt;) published standards for Cascading Style Sheets (CSS).&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;CSS version 1 was actually published in 1996, but support in web browsers was so spotty that few designers actually used it.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;Today, we&amp;#8217;re on CSS version 3 and we finally have what most consider being full support for version 2 standards.&lt;/span&gt;&lt;/p&gt;
&lt;p class=&quot;MsoNormal&quot; style=&quot;margin: 0in 0in 10pt;&quot;&gt;&lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt;But wait&amp;#8230; what are Cascading Style Sheets and what do they do?&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;CSS is used to separate a page&amp;#8217;s content from its presentation.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;Using CSS, we can specify font size, exact locations of images or other content on your site, various border settings, and much, much more.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;So, using CSS can make your website load faster, use less bandwidth, and be more accessible to people with disabilities &amp;#8211; all at the same time!&lt;/span&gt;&lt;/p&gt;
&lt;p class=&quot;MsoNormal&quot; style=&quot;margin: 0in 0in 10pt;&quot;&gt;&lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt;Let&amp;#8217;s first look at the name: Cascading Style Sheets.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;The key word here is &amp;#8220;style.&amp;#8221;&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;CSS lets us choose the style of the page and all of the elements on the page.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;&amp;#8220;Sheets&amp;#8221; is in the title because this was the intended method of use &amp;#8211; you would attach a style sheet to each page, thus allowing you to maintain the overall style of the site from one file.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;&amp;#8220;Cascading&amp;#8221; is important because in complex designs, certain elements on a page may be similar, but not exactly the same as another element and we can use multiple sheets or inline styles to get the effect we want.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;This brings us to how to insert or connect styles to your pages.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;There are three ways to do this.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;First, you can use inline styles.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;With this method, each element on the page will have a style modifier in place that will direct browsers how to display.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;The second way is by putting all of the styles in the &amp;lt;head&amp;gt; section of the HTML code.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;This allows you to reuse styles among multiple elements on the same page.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;Finally, you can attach a separate file to the page that will direct the browser to check with a .css file to find out how to display everything.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;This method allows you to reuse styles among different elements on multiple pages across an entire website.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;With this method, you can change one line of code and all of the text on your site will switch to red.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;Now I know that sounds intriguing and useful, but are you really going to want to do that?&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;Most sites are carefully designed with coordinated colors, so it may or may not work for you.&lt;/span&gt;&lt;/p&gt;
&lt;p class=&quot;MsoNormal&quot; style=&quot;margin: 0in 0in 10pt;&quot;&gt;&lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt;So what problems are associated with CSS?&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;Well, there are still many people who are using outdated web browsers.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;Firefox isn&amp;#8217;t such a problem because when an update is available it will prompt you to upgrade when you load it and will annoy you until you do.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;Internet Explorer is more of a problem because updates are pushed through Windows Update which many people turn off or ignore.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;Older versions of these and other browsers had many problems interpreting CSS code the way it was intended.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;This caused pages to look fine in one browser, but terrible in another.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;Thankfully, the two biggest browsers, IE and Firefox, are now nearly fully standards compliant.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;That means it works the way we expect it to.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;But we still have to deal with the people who haven&amp;#8217;t upgraded yet.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;So how far back do you support?&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;That&amp;#8217;s a question you&amp;#8217;ll have to answer for yourself, but I usually support back to IE6 and the most current Firefox.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;This is pretty easy with CSS because you program the pages to look at what browser the user has and then grab the appropriate .css file.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;Failing to do this will result in pages where things are out of alignment.&lt;/span&gt;&lt;/p&gt;
&lt;p class=&quot;MsoNormal&quot; style=&quot;margin: 0in 0in 10pt;&quot;&gt;&lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt;If you&amp;#8217;re looking for more information about Cascading Style Sheets, I would recommend &lt;span style=&quot;text-decoration: underline;&quot;&gt;Cascading Style Sheets: Designing for the Web&lt;/span&gt;, &lt;span style=&quot;text-decoration: underline;&quot;&gt;Cascading Style Sheets: Separating Content from Presentation&lt;/span&gt;, &lt;span style=&quot;text-decoration: underline;&quot;&gt;CSS: The Definitive Guide&lt;/span&gt;, or &lt;span style=&quot;text-decoration: underline;&quot;&gt;HTML Utopia: Designing Without Tables Using CSS&lt;/span&gt;.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;These are all available from Amazon.com.&lt;/span&gt;&lt;/p&gt;
&lt;p class=&quot;MsoNormal&quot; style=&quot;margin: 0in 0in 10pt;&quot;&gt;&lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt;As I mentioned above, using CSS has many advantages.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;First, websites built in CSS are more accessible than those built using tables.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;For visually impaired users that need a text-to-speech device, tables cause many problems.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;These devices don&amp;#8217;t look at the layout of a page, they look at the raw HTML code and start at the top and work their way down.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;For tables, they will start at the top left and work their way right and then down.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;That&amp;#8217;s fine for tabular data that should be in a table, but layouts usually require many nested tables, which cause havoc for speech devices.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;CSS allows you to build a site that is friendly to these devices and to those who need them.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;The second advantage to CSS is that using tables for layout causes page load times to go through the roof.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;When the browser encounters a table, it has to read the code for the entire table before drawing even the first cell.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;So when you use tables for layout control and your entire site is a table, the browser has to read the whole site and then figure out what to do with it before it even begins to appear on the screen.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;CSS sites will not encounter this issue.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;The third advantage to using CSS is that it saves bandwidth by eliminating the need for placeholder graphics.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;In table designs, you would often need to create a transparent GIF file that would be sized properly to keep a cell where you want it.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;While not large, these files still take up bandwidth.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;No need for this with CSS since you can specify to the pixel where things will show up on the screen.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;Finally, CSS sites are just easier to maintain!&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;Maintaining a site with nested tables is tough.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;I can remember times when I needed to change one image and it broke the entire layout!&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;No idea why &amp;#8211; it shouldn&amp;#8217;t have &amp;#8211; but it just wouldn&amp;#8217;t work.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;With CSS, swapping images or text out is simple and clean.&lt;/span&gt;&lt;/p&gt;
&lt;p class=&quot;MsoNormal&quot; style=&quot;margin: 0in 0in 10pt;&quot;&gt;&lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt;So if you&amp;#8217;re building a website today, I highly recommend that you use CSS to save yourself a headache during construction and later during routine maintenance.&lt;/span&gt;&lt;/p&gt;
&lt;p class=&quot;MsoNormal&quot; style=&quot;margin: 0in 0in 10pt;&quot;&gt;&lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt;Before I go today, I&amp;#8217;d like to welcome another customer to the Wrightsites.com family.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;The Ohio Regional Clydesdale and Shire Association has brought their website (&lt;/span&gt;&lt;a href=&quot;http://www.orcsa.com/&quot;&gt;&lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt;http://www.orcsa.com/&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt;) to Wrightsites.com for hosting.&lt;span style=&quot;mso-spacerun: yes;&quot;&gt;&amp;#160; &lt;/span&gt;The site was designed by a member of the organization and we are providing the hosting and domain registration.&lt;/span&gt;&lt;/p&gt;
&lt;p class=&quot;MsoNormal&quot; style=&quot;margin: 0in 0in 10pt;&quot;&gt;&lt;span style=&quot;font-family: Calibri; font-size: small;&quot;&gt;Thanks for reading and I wish you all a great day!&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/07/16/reasons-to-use-css-in-website-design&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-family: Calibri; font-size: small;">Today&#8217;s topic is Cascading Style Sheets.<span style="mso-spacerun: yes;">&#160; </span>This is a critical tool for building websites today.<span style="mso-spacerun: yes;">&#160; </span>In this entry I will NOT teach you CSS!<span style="mso-spacerun: yes;">&#160; </span>There are hundreds of books on the subject and thousands of tutorials online.<span style="mso-spacerun: yes;">&#160; </span>I&#8217;m not going to reinvent the wheel.<span style="mso-spacerun: yes;">&#160; </span>I just want to give you some background for it and tell you why you should use it.</span></p>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-family: Calibri; font-size: small;">In researching for this blog entry, I was going over old web designs from when I first started out in 1999.<span style="mso-spacerun: yes;">&#160; </span>I actually started teaching myself HTML code in 1997.<span style="mso-spacerun: yes;">&#160; </span>I would build a layout in an old design tool called Hot Dog and then view the source code to see how it did it.<span style="mso-spacerun: yes;">&#160; </span>Then I would change some things and see how the code behind the scenes changed.<span style="mso-spacerun: yes;">&#160; </span>But anyway, looking back at some of these old designs really brings back memories.<span style="mso-spacerun: yes;">&#160; </span>In case you haven&#8217;t seen this, you can go to </span><a href="http://www.archive.org/">www.archive.org </a> <span style="font-family: Calibri; font-size: small;"> and view many old websites.<span style="mso-spacerun: yes;">&#160; </span>They store the code for the websites periodically, but never the images, so if you find a page that has a lot of broken images &#8211; they have just been removed from the server to save space.<span style="mso-spacerun: yes;">&#160; </span>You can view one of our old homepages at </span><a href="http://web.archive.org/web/20010202082500/http:/wrightsites.com/"><span style="font-family: Calibri; color: #0000ff; font-size: small;">http://web.archive.org/web/20010202082500/http://wrightsites.com/</span></a><span style="font-family: Calibri; font-size: small;">.<span style="mso-spacerun: yes;">&#160; </span>That is from October 2000.<span style="mso-spacerun: yes;">&#160; </span>There are some broken images here as well because as designs have changed, I have occasionally wiped out the data in the account before publishing a new site.<span style="mso-spacerun: yes;">&#160; </span>But you get the idea.</span></p>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-family: Calibri; font-size: small;">This site was built old school.<span style="mso-spacerun: yes;">&#160; </span>I coded the HTML by hand into Notepad.<span style="mso-spacerun: yes;">&#160; </span>It&#8217;s a pretty simple design that uses tables for the layout and basic HTML code to set fonts.<span style="mso-spacerun: yes;">&#160; </span>For 2000, this method of design worked well.<span style="mso-spacerun: yes;">&#160; </span>However, as time went on and designers developed new ideas and skills, the old method of using tables for layout became cumbersome.<span style="mso-spacerun: yes;">&#160; </span>Tables, after all, were never designed to build a site layout &#8211; they were designed to orient data into tabular form.<span style="mso-spacerun: yes;">&#160; </span>And using tables to create a page layout was incredibly inefficient.<span style="mso-spacerun: yes;">&#160; </span>A new method was needed and the World Wide Web Consortium (</span><a href="http://www.w3.org/">www.w3.org </a><span style="font-family: Calibri; font-size: small;">) published standards for Cascading Style Sheets (CSS).<span style="mso-spacerun: yes;">&#160; </span>CSS version 1 was actually published in 1996, but support in web browsers was so spotty that few designers actually used it.<span style="mso-spacerun: yes;">&#160; </span>Today, we&#8217;re on CSS version 3 and we finally have what most consider being full support for version 2 standards.</span></p>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-family: Calibri; font-size: small;">But wait&#8230; what are Cascading Style Sheets and what do they do?<span style="mso-spacerun: yes;">&#160; </span>CSS is used to separate a page&#8217;s content from its presentation.<span style="mso-spacerun: yes;">&#160; </span>Using CSS, we can specify font size, exact locations of images or other content on your site, various border settings, and much, much more.<span style="mso-spacerun: yes;">&#160; </span>So, using CSS can make your website load faster, use less bandwidth, and be more accessible to people with disabilities &#8211; all at the same time!</span></p>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-family: Calibri; font-size: small;">Let&#8217;s first look at the name: Cascading Style Sheets.<span style="mso-spacerun: yes;">&#160; </span>The key word here is &#8220;style.&#8221;<span style="mso-spacerun: yes;">&#160; </span>CSS lets us choose the style of the page and all of the elements on the page.<span style="mso-spacerun: yes;">&#160; </span>&#8220;Sheets&#8221; is in the title because this was the intended method of use &#8211; you would attach a style sheet to each page, thus allowing you to maintain the overall style of the site from one file.<span style="mso-spacerun: yes;">&#160; </span>&#8220;Cascading&#8221; is important because in complex designs, certain elements on a page may be similar, but not exactly the same as another element and we can use multiple sheets or inline styles to get the effect we want.<span style="mso-spacerun: yes;">&#160; </span>This brings us to how to insert or connect styles to your pages.<span style="mso-spacerun: yes;">&#160; </span>There are three ways to do this.<span style="mso-spacerun: yes;">&#160; </span>First, you can use inline styles.<span style="mso-spacerun: yes;">&#160; </span>With this method, each element on the page will have a style modifier in place that will direct browsers how to display.<span style="mso-spacerun: yes;">&#160; </span>The second way is by putting all of the styles in the &lt;head&gt; section of the HTML code.<span style="mso-spacerun: yes;">&#160; </span>This allows you to reuse styles among multiple elements on the same page.<span style="mso-spacerun: yes;">&#160; </span>Finally, you can attach a separate file to the page that will direct the browser to check with a .css file to find out how to display everything.<span style="mso-spacerun: yes;">&#160; </span>This method allows you to reuse styles among different elements on multiple pages across an entire website.<span style="mso-spacerun: yes;">&#160; </span>With this method, you can change one line of code and all of the text on your site will switch to red.<span style="mso-spacerun: yes;">&#160; </span>Now I know that sounds intriguing and useful, but are you really going to want to do that?<span style="mso-spacerun: yes;">&#160; </span>Most sites are carefully designed with coordinated colors, so it may or may not work for you.</span></p>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-family: Calibri; font-size: small;">So what problems are associated with CSS?<span style="mso-spacerun: yes;">&#160; </span>Well, there are still many people who are using outdated web browsers.<span style="mso-spacerun: yes;">&#160; </span>Firefox isn&#8217;t such a problem because when an update is available it will prompt you to upgrade when you load it and will annoy you until you do.<span style="mso-spacerun: yes;">&#160; </span>Internet Explorer is more of a problem because updates are pushed through Windows Update which many people turn off or ignore.<span style="mso-spacerun: yes;">&#160; </span>Older versions of these and other browsers had many problems interpreting CSS code the way it was intended.<span style="mso-spacerun: yes;">&#160; </span>This caused pages to look fine in one browser, but terrible in another.<span style="mso-spacerun: yes;">&#160; </span>Thankfully, the two biggest browsers, IE and Firefox, are now nearly fully standards compliant.<span style="mso-spacerun: yes;">&#160; </span>That means it works the way we expect it to.<span style="mso-spacerun: yes;">&#160; </span>But we still have to deal with the people who haven&#8217;t upgraded yet.<span style="mso-spacerun: yes;">&#160; </span>So how far back do you support?<span style="mso-spacerun: yes;">&#160; </span>That&#8217;s a question you&#8217;ll have to answer for yourself, but I usually support back to IE6 and the most current Firefox.<span style="mso-spacerun: yes;">&#160; </span>This is pretty easy with CSS because you program the pages to look at what browser the user has and then grab the appropriate .css file.<span style="mso-spacerun: yes;">&#160; </span>Failing to do this will result in pages where things are out of alignment.</span></p>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-family: Calibri; font-size: small;">If you&#8217;re looking for more information about Cascading Style Sheets, I would recommend <span style="text-decoration: underline;">Cascading Style Sheets: Designing for the Web</span>, <span style="text-decoration: underline;">Cascading Style Sheets: Separating Content from Presentation</span>, <span style="text-decoration: underline;">CSS: The Definitive Guide</span>, or <span style="text-decoration: underline;">HTML Utopia: Designing Without Tables Using CSS</span>.<span style="mso-spacerun: yes;">&#160; </span>These are all available from Amazon.com.</span></p>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-family: Calibri; font-size: small;">As I mentioned above, using CSS has many advantages.<span style="mso-spacerun: yes;">&#160; </span>First, websites built in CSS are more accessible than those built using tables.<span style="mso-spacerun: yes;">&#160; </span>For visually impaired users that need a text-to-speech device, tables cause many problems.<span style="mso-spacerun: yes;">&#160; </span>These devices don&#8217;t look at the layout of a page, they look at the raw HTML code and start at the top and work their way down.<span style="mso-spacerun: yes;">&#160; </span>For tables, they will start at the top left and work their way right and then down.<span style="mso-spacerun: yes;">&#160; </span>That&#8217;s fine for tabular data that should be in a table, but layouts usually require many nested tables, which cause havoc for speech devices.<span style="mso-spacerun: yes;">&#160; </span>CSS allows you to build a site that is friendly to these devices and to those who need them.<span style="mso-spacerun: yes;">&#160; </span>The second advantage to CSS is that using tables for layout causes page load times to go through the roof.<span style="mso-spacerun: yes;">&#160; </span>When the browser encounters a table, it has to read the code for the entire table before drawing even the first cell.<span style="mso-spacerun: yes;">&#160; </span>So when you use tables for layout control and your entire site is a table, the browser has to read the whole site and then figure out what to do with it before it even begins to appear on the screen.<span style="mso-spacerun: yes;">&#160; </span>CSS sites will not encounter this issue.<span style="mso-spacerun: yes;">&#160; </span>The third advantage to using CSS is that it saves bandwidth by eliminating the need for placeholder graphics.<span style="mso-spacerun: yes;">&#160; </span>In table designs, you would often need to create a transparent GIF file that would be sized properly to keep a cell where you want it.<span style="mso-spacerun: yes;">&#160; </span>While not large, these files still take up bandwidth.<span style="mso-spacerun: yes;">&#160; </span>No need for this with CSS since you can specify to the pixel where things will show up on the screen.<span style="mso-spacerun: yes;">&#160; </span>Finally, CSS sites are just easier to maintain!<span style="mso-spacerun: yes;">&#160; </span>Maintaining a site with nested tables is tough.<span style="mso-spacerun: yes;">&#160; </span>I can remember times when I needed to change one image and it broke the entire layout!<span style="mso-spacerun: yes;">&#160; </span>No idea why &#8211; it shouldn&#8217;t have &#8211; but it just wouldn&#8217;t work.<span style="mso-spacerun: yes;">&#160; </span>With CSS, swapping images or text out is simple and clean.</span></p>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-family: Calibri; font-size: small;">So if you&#8217;re building a website today, I highly recommend that you use CSS to save yourself a headache during construction and later during routine maintenance.</span></p>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-family: Calibri; font-size: small;">Before I go today, I&#8217;d like to welcome another customer to the Wrightsites.com family.<span style="mso-spacerun: yes;">&#160; </span>The Ohio Regional Clydesdale and Shire Association has brought their website (</span><a href="http://www.orcsa.com/"><span style="font-family: Calibri; font-size: small;">http://www.orcsa.com/</span></a><span style="font-family: Calibri; font-size: small;">) to Wrightsites.com for hosting.<span style="mso-spacerun: yes;">&#160; </span>The site was designed by a member of the organization and we are providing the hosting and domain registration.</span></p>
<p class="MsoNormal" style="margin: 0in 0in 10pt;"><span style="font-family: Calibri; font-size: small;">Thanks for reading and I wish you all a great day!</span></p><div class="item_footer"><p><small><a href="http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/07/16/reasons-to-use-css-in-website-design">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://www.wrightsites.com/b2evolution/blogs/blog1.php/2009/07/16/reasons-to-use-css-in-website-design#comments</comments>
			<wfw:commentRss>http://www.wrightsites.com/b2evolution/blogs/blog1.php?tempskin=_rss2&#38;disp=comments&#38;p=38</wfw:commentRss>
		</item>
			</channel>
</rss>
