<?xml version="1.0" encoding="iso-8859-1"?>
<rss version="2.0">
<channel>
<title>WDL - HTML and CSS</title>
<link>http://webdesign.org/</link>
<description>Build HTML pages in a fast and easy way. Learn HTML step-by-step from A to Z or improve your professional skills.

HTML tutorials, tips, extensions and software reviews are placed at your disposal. Our free samples are very helpful.</description>
<language>en-us</language>
<lastBuildDate>Wed, 20 Aug 2008 13:19:19 -0400</lastBuildDate>
<image><title>Web Design Library</title><url>http://www.webdesign.org/rss/wdl_logo.jpg</url><link>http://webdesign.org/</link></image> <br/><br/><item>
<title>
Creating Collapsible Panels with Spry in Dreamweaver
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/creating-collapsible-panels-with-spry-in-dreamweaver.15772.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/creating-collapsible-panels-with-spry-in-dreamweaver.15772.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15772&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">A great idea for usable web design fans.  Visitors are sure to see more while staying on the same page.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-08-14 10:43:17
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/creating-collapsible-panels-with-spry-in-dreamweaver.15772.html
</guid>
</item> <br/><br/><item>
<title>
Adding Flash Files to a Webpage in Dreamweaver
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/adding-flash-files-to-a-webpage-in-dreamweaver.15715.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/adding-flash-files-to-a-webpage-in-dreamweaver.15715.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15715&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Flash elements do make site design look better and it's not that hard to add them to a web page as you may think.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-08-06 11:46:09
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/adding-flash-files-to-a-webpage-in-dreamweaver.15715.html
</guid>
</item> <br/><br/><item>
<title>
Dreamweaver: Give Your Site a Little Flash with CS3
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/dreamweaver-give-your-site-a-little-flash-with-cs3.15673.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/dreamweaver-give-your-site-a-little-flash-with-cs3.15673.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15673&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">The day that everyone has long predicted has arrived: Video is no longer a novelty online and Flash video has become the darling of the Web....<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-08-01 10:59:10
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/dreamweaver-give-your-site-a-little-flash-with-cs3.15673.html
</guid>
</item> <br/><br/><item>
<title>
Create a Website using Adobe Dreamweaver
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/create-a-website-using-adobe-dreamweaver.15450.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/create-a-website-using-adobe-dreamweaver.15450.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15450&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">In this tutorial we are going to create a website layout using Adobe Dreamweaver which could be used for a E-commerce, Portfolio or Ad Sense Website.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-07-23 11:16:38
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/create-a-website-using-adobe-dreamweaver.15450.html
</guid>
</item> <br/><br/><item>
<title>
Learn How to Create a Website in Adobe Dreamweaver
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/learn-how-to-create-a-website-in-adobe-dreamweaver.15449.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/learn-how-to-create-a-website-in-adobe-dreamweaver.15449.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15449&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This is the ultimate dreamweaver website tutorial, it will show you how to create a full website in dreamweaver, including, link role over effects, footer, header, side bar, tables and images.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-07-22 09:02:25
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/learn-how-to-create-a-website-in-adobe-dreamweaver.15449.html
</guid>
</item> <br/><br/><item>
<title>
jQuery Examples - Horizontal Accordion
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/jquery-examples---horizontal-accordion.15528.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/jquery-examples---horizontal-accordion.15528.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15528&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Up until now I have always used Scriptaculous / Prototype for any Java Script animation and effects, but lately I've heard a lot of good things about jQuery. So, I thought I would give it a try, and start doing some experiments.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-07-16 10:23:04
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/jquery-examples---horizontal-accordion.15528.html
</guid>
</item> <br/><br/><item>
<title>
3 Methods to Implement CSS in your Website
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/3-methods-to-implement-css-in-your-website.15096.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/3-methods-to-implement-css-in-your-website.15096.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15096&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top"> First Method:

<style type="text/css">

Next is the HTML code and CSS in a simple webpage <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-07-02 05:38:24
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/3-methods-to-implement-css-in-your-website.15096.html
</guid>
</item> <br/><br/><item>
<title>
Create Rollover Image in CSS
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/create-rollover-image-in-css.15095.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/create-rollover-image-in-css.15095.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15095&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Create Rollover Image in CSS ( You can see the final result here )<br/>
I made two buttons for this tutorial, save it if you want to work with them. <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-06-27 11:01:53
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/create-rollover-image-in-css.15095.html
</guid>
</item> <br/><br/><item>
<title>
Links and Pseudo-Classes in CSS
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/links-and-pseudo-classes-in-css.15094.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/links-and-pseudo-classes-in-css.15094.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15094&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Today we learn about Links and Pseudo-Classes in CSS. I have made tutorials about rollover's here and here, but this is something different and we talk about links & elements where we can put Pseudo-Classe, on a div, text,etc…<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-06-26 06:09:45
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/links-and-pseudo-classes-in-css.15094.html
</guid>
</item> <br/><br/><item>
<title>
Create a Simple Menu in CSS
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/create-a-simple-menu-in-css.15093.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/create-a-simple-menu-in-css.15093.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15093&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Today we create a simple MENU in CSS.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-06-19 05:32:50
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/create-a-simple-menu-in-css.15093.html
</guid>
</item> <br/><br/><item>
<title>
Validate HMTL and CSS from your Page
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/validate-hmtl-and-css-from-your-page.15092.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/validate-hmtl-and-css-from-your-page.15092.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15092&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Hi! Today we learn how to validate HTML and CSS from your page. This tip is usefull if you have a website about webdesign where you have tools for development! Here is the final result.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-06-18 05:39:59
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/validate-hmtl-and-css-from-your-page.15092.html
</guid>
</item> <br/><br/><item>
<title>
HTML vs. XHTML
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/html-vs.-xhtml.15101.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/html-vs.-xhtml.15101.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15101&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">XHTML 1.0 is a reformulation of HTML 4.0. What this really means is that learning XHTML is basically the same as learning HTML. The main difference is a few simple rules - as XHTML is more strict than standard HTML.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-06-13 04:43:29
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/html-vs.-xhtml.15101.html
</guid>
</item> <br/><br/><item>
<title>
Site To Wordpress
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/site-to-wordpress.14835.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/site-to-wordpress.14835.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=14835&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">So you've made a nice layout and coded it into css BUT now you decide you want to use wordpress. Heres how to conver it.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-06-11 09:27:29
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/site-to-wordpress.14835.html
</guid>
</item> <br/><br/><item>
<title>
Create Smaller CSS Files
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/create-smaller-css-files.15097.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/create-smaller-css-files.15097.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15097&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This article will tell you how to make your CSS files a bit smaller. You can ask yourself one question; Why shouldn't you? Read on to find out how to do this.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-06-09 08:53:21
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/create-smaller-css-files.15097.html
</guid>
</item> <br/><br/><item>
<title>
Create Rollover Image in Adobe Dreamweaver CS3
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/create-rollover-image-in-adobe-dreamweaver-cs3.15100.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/create-rollover-image-in-adobe-dreamweaver-cs3.15100.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15100&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Create Rollover Image in Dreamweaver CS3 (view the final result here)<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-06-09 02:28:14
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/create-rollover-image-in-adobe-dreamweaver-cs3.15100.html
</guid>
</item> <br/><br/><item>
<title>
Rounded Corners Using CSS
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/rounded-corners-using-css.14788.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/rounded-corners-using-css.14788.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=14788&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Rounded corners add a nice little design to any page - using rounded corners can be image heavy; So, this post I am going to show you how to make rounded corners using only CSS! This is such a neat little trick and can be very handy. <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-05-28 04:06:22
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/rounded-corners-using-css.14788.html
</guid>
</item> <br/><br/><item>
<title>
Opacity in CSS
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/opacity-in-css.15091.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/opacity-in-css.15091.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15091&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Today we learn about opacity in CSS! I made an example here and  here you have the files.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-05-23 05:22:28
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/opacity-in-css.15091.html
</guid>
</item> <br/><br/><item>
<title>
When HTML Goes Bad
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/when-html-goes-bad.14939.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/when-html-goes-bad.14939.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=14939&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Having just returned from a trip to Russia, I wanted to create a slide show to use in this column. Because I wanted to share my photographs with friends and family, I thought the automated Web Photo Gallery in Photoshop would be a fast, easy way to create a basic site and then I could use Dreamweave...<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-05-20 12:12:14
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/when-html-goes-bad.14939.html
</guid>
</item> <br/><br/><item>
<title>
Cascading Style Sheets: Choosing the Right Selector
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/cascading-style-sheets-choosing-the-right-selector.14940.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/cascading-style-sheets-choosing-the-right-selector.14940.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=14940&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Even if you've been working with CSS for a while, understanding (and remembering) the differences among the various types of style selectors can be a challenge.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-05-12 11:14:26
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/cascading-style-sheets-choosing-the-right-selector.14940.html
</guid>
</item> <br/><br/><item>
<title>
Coding Your 1st PSD
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/coding-your-1st-psd.14836.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/coding-your-1st-psd.14836.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=14836&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">In this tutorial il show you how to code your 1st PSD, i shall be using my carsales layout that i previously created.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-04-30 10:23:54
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/coding-your-1st-psd.14836.html
</guid>
</item> <br/><br/><item>
<title>
Building a Subscribe/Unsubscribe App in PHP with Dreamweaver CS3
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/building-a-subscribeunsubscribe-app-in-php-with-dreamweaver-cs3.14335.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/building-a-subscribeunsubscribe-app-in-php-with-dreamweaver-cs3.14335.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=14335&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">E-mail newsletters are a very popular method of maintaining an open channel of communication with your site visitors. They have the great benefit of keeping a site's current user base up-to-date on the latest news and offerings from the organization.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-03-31 10:15:13
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/building-a-subscribeunsubscribe-app-in-php-with-dreamweaver-cs3.14335.html
</guid>
</item> <br/><br/><item>
<title>
Horizontal Pop-Up Menu
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/horizontal-pop-up-menu.14299.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/horizontal-pop-up-menu.14299.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=14299&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">2nd part of the pop-up menu tutorial, now it's a horizontal menu!
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-03-11 04:11:46
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/horizontal-pop-up-menu.14299.html
</guid>
</item> <br/><br/><item>
<title>
Vertical Pop-Up Menu
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/vertical-pop-up-menu.14298.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/vertical-pop-up-menu.14298.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=14298&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This is a tutorial how to make a pop-up menu with dreamweaver and StyleSheets.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-03-04 06:40:24
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/vertical-pop-up-menu.14298.html
</guid>
</item> <br/><br/><item>
<title>
Basics of Div Tags
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/basics-of-div-tags.14296.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/basics-of-div-tags.14296.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=14296&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">In this tutorial you will learn the basics on how to set up div tags for your site. This is crucial to learn if you want to design web sites. So take a peak!
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-02-29 10:31:40
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/basics-of-div-tags.14296.html
</guid>
</item> <br/><br/><item>
<title>
Introduction to CSS
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/introduction-to-css.14297.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/introduction-to-css.14297.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=14297&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This is a beginners guide to css. It will not teach you how to make one specific thing, but rather how to handle the language.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-02-25 10:38:14
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/introduction-to-css.14297.html
</guid>
</item> <br/><br/><item>
<title>
Basics of CSS
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/basics-of-css.14295.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/basics-of-css.14295.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=14295&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">In this tutorial you will learn the absolute basics of CSS. If you want to learn more, ask around in the forums. Because this is a very important aspect of web design.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-02-20 05:04:55
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/basics-of-css.14295.html
</guid>
</item> <br/><br/><item>
<title>
CSS Top Image Preloader
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-top-image-preloader.13539.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/css-top-image-preloader.13539.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=13539&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This tutorial will show You, how to use nice GIF animated preloaders for top images (or any other image). Now You can use larger images and show preloader first (Like in flash). 
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-01-22 13:31:16
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-top-image-preloader.13539.html
</guid>
</item> <br/><br/><item>
<title>
Colors System in CSS
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/colors-system-in-css.13422.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/colors-system-in-css.13422.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=13422&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Thorough explanation about color system in CSS.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-01-04 13:35:36
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/colors-system-in-css.13422.html
</guid>
</item> <br/><br/><item>
<title>
Fonts System
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/fonts-system.13421.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/fonts-system.13421.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=13421&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Get understanding about how fonts system work in CSS. Also covering attributes used to control your fonts style.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-12-19 03:30:58
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/fonts-system.13421.html
</guid>
</item> <br/><br/><item>
<title>
Generated Content
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/generated-content.13414.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/generated-content.13414.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=13414&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Tutorial that will explain all about generated content and its relation with CSS. Generated content is a content created by a browser but not represents either by a markup or the content itself.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-12-13 10:17:04
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/generated-content.13414.html
</guid>
</item> <br/><br/><item>
<title>
Getting Grip of Visual Effects - Static Filters
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/getting-grip-of-visual-effects---static-filters.13419.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/getting-grip-of-visual-effects---static-filters.13419.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=13419&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">There are more and more visual effect exist in web pages these time. The tutorial will show you simple way to keep your visual effect in CSS.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-12-13 10:17:04
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/getting-grip-of-visual-effects---static-filters.13419.html
</guid>
</item> <br/><br/><item>
<title>
Specify a Simple Border - Expanded
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/specify-a-simple-border---expanded.13418.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/specify-a-simple-border---expanded.13418.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=13418&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Quick explanation on how to better manage your border in CSS, expanded version.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-12-11 11:52:42
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/specify-a-simple-border---expanded.13418.html
</guid>
</item> <br/><br/><item>
<title>
Table Borders
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/table-borders.13546.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/table-borders.13546.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=13546&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top"><span>Editor's Pick in HTML and CSS Tutorials</span><br/>HTML and CSS tutorials can be boring, but this one is not. The author gives you an easy to read text, step-by-step outline and lots of pictures to get the project done.  The codes are all given for a great product.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-11-28 03:01:36
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/table-borders.13546.html
</guid>
</item> <br/><br/><item>
<title>
Styling Lists
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/styling-lists.13545.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/styling-lists.13545.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=13545&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Styling Unordered Lists 
<br/>One of the list structures is an unordered list, a series of items preceded by bullet characters and set off from surrounding text by single blank lines. The list is single spaced and indented from the left margin.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-11-26 05:45:15
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/styling-lists.13545.html
</guid>
</item> <br/><br/><item>
<title>
Build Fixed Columns
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/build-fixed-columns.13417.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/build-fixed-columns.13417.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=13417&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This tutorial will teach you how to build fixed layout for your web page. Fixed layout is easy to achieve with CSS.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-11-21 03:11:57
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/build-fixed-columns.13417.html
</guid>
</item> <br/><br/><item>
<title>
CSS Graphic Menu with Rollovers
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-graphic-menu-with-rollovers.13450.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/css-graphic-menu-with-rollovers.13450.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=13450&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top"><span>Editor's Pick in HTML and CSS</span><br/>Here is your kind of article on creating a CSS Graphic Menu with Rollovers.  The author has made the tutorial interesting but short and easy to read.  All the code is written right here and you can see the helpful screenshots.  <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-11-15 11:39:36
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-graphic-menu-with-rollovers.13450.html
</guid>
</item> <br/><br/><item>
<title>
Modifying CSS Styles
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/modifying-css-styles.13420.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/modifying-css-styles.13420.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=13420&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">The tutorial will show you modify your CSS styles to better serve your programming need.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-11-12 11:31:16
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/modifying-css-styles.13420.html
</guid>
</item> <br/><br/><item>
<title>
Controlling Layout With Offsetting
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/controlling-layout-with-offsetting.13416.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/controlling-layout-with-offsetting.13416.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=13416&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Positioning is everything. This is another way to control your layout, with offsetting.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-11-09 11:33:55
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/controlling-layout-with-offsetting.13416.html
</guid>
</item> <br/><br/><item>
<title>
Text with Shadow using CSS
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/text-with-shadow-using-css.13368.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/text-with-shadow-using-css.13368.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=13368&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This tutorial explains how to create a text with shadow using CSS. 

<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-11-02 12:48:05
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/text-with-shadow-using-css.13368.html
</guid>
</item> <br/><br/><item>
<title>
Two Column Layout Using CSS and Divider Image
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/two-column-layout-using-css-and-divider-image.12988.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/two-column-layout-using-css-and-divider-image.12988.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12988&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Some time ago I was trying to figure out how to create two column css layout where left column will be divided from the right one with a vertical line. 

<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-10-12 08:45:55
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/two-column-layout-using-css-and-divider-image.12988.html
</guid>
</item> <br/><br/><item>
<title>
Spry Collapsing Panel
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/spry-collapsing-panel.12757.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/spry-collapsing-panel.12757.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12757&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top"><span>Editor's Pick in HTML and CSS Tutorials</span><br/>This is just the article for creating a Spry Collapsing Panel.  The author writes for the HTML and CSS category, and you are provided with a great guide with screenshots and coding tips. <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-10-09 03:53:13
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/spry-collapsing-panel.12757.html
</guid>
</item> <br/><br/><item>
<title>
CSS Tabbed Navigation
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-tabbed-navigation.12989.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/css-tabbed-navigation.12989.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12989&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This tutorial will explain how to create a tabbed navigation using CSS. <br/>Compatible with all major browsers. 


<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-10-04 10:59:45
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-tabbed-navigation.12989.html
</guid>
</item> <br/><br/><item>
<title>
Resizable Tabs Navigation
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/resizable-tabs-navigation.12990.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/resizable-tabs-navigation.12990.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12990&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This tutorial will explain how to create a resizable tabs navigation using CSS and background images. <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Professional
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-10-01 04:58:13
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/resizable-tabs-navigation.12990.html
</guid>
</item> <br/><br/><item>
<title>
Advantages of Tableless CSS Layouts
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/advantages-of-tableless-css-layouts.12806.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/advantages-of-tableless-css-layouts.12806.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12806&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top"><span>Editor's Pick in HTML and CSS Tutorials</span><br/>The Advantages of Tableless CSS Layouts are many and this author has explained them very well.  In addition, the author gives you the code, as both an example of why CSS is better and for use to design a CSS type system, all well explained.  ...<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-09-19 12:18:58
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/advantages-of-tableless-css-layouts.12806.html
</guid>
</item> <br/><br/><item>
<title>
Understanding HTML Links
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/understanding-html-links.12808.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/understanding-html-links.12808.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12808&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Learn the basics of HTML links, with samples
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-09-17 03:29:42
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/understanding-html-links.12808.html
</guid>
</item> <br/><br/><item>
<title>
How to Assign Custom List Bullets with CSS
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/how-to-assign-custom-list-bullets-with-css.12817.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/how-to-assign-custom-list-bullets-with-css.12817.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12817&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">1. In your html page embed link to your css file: <br/>
2. Create your bulleted list. Here is ours: <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-09-14 05:32:13
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/how-to-assign-custom-list-bullets-with-css.12817.html
</guid>
</item> <br/><br/><item>
<title>
Spanable Content Box (Slicing &amp; Coding)
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/spanable-content-box-slicing-coding.12847.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/spanable-content-box-slicing-coding.12847.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12847&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">In this tutorial l will cover one technique for creating a 100% spanable content box. This is the first stage in understanding how to create an entire web template or layout that is fluid (ie spanable width/height). This will be part one of a multi-s ...
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-09-12 10:49:23
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/spanable-content-box-slicing-coding.12847.html
</guid>
</item> <br/><br/><item>
<title>
Massive Custom Forms - User Registration and Fields Validation
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/massive-custom-forms---user-registration-and-fields-validation.12809.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/massive-custom-forms---user-registration-and-fields-validation.12809.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12809&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Create your own user registration system with all the custom fields you want.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-09-05 11:44:03
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/massive-custom-forms---user-registration-and-fields-validation.12809.html
</guid>
</item> <br/><br/><item>
<title>
Search Engine Friendly Web Design - 3 Ways to Use CSS
</title>
<link>
http://webdesign.org/web/web-design-basics/design-principles/search-engine-friendly-web-design---3-ways-to-use-css.12497.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/web-design-basics/design-principles/search-engine-friendly-web-design---3-ways-to-use-css.12497.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12497&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This article will point out 3 simple and highly effective web design techniques that use cascading style sheets to improve your web design and make your website perform better in the major search engines. <br />
    <strong>Type:</strong> Design Principles<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-08-29 10:20:44
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/web-design-basics/design-principles/search-engine-friendly-web-design---3-ways-to-use-css.12497.html
</guid>
</item> <br/><br/><item>
<title>
Browser Testing
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/browser-testing.12545.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/browser-testing.12545.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12545&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">With all the different browsers out there, it's difficult to build a website that will work across the board. Fortunately, Dreamweaver does come with the ability to open the webpage you are constructing in various browsers so you can work out the kinks! 

<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-08-22 03:57:35
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/browser-testing.12545.html
</guid>
</item> <br/><br/><item>
<title>
Dreamweaver Code and File Tips
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/dreamweaver-code-and-file-tips.12536.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/dreamweaver-code-and-file-tips.12536.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12536&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top"><span>Editor's Pick in HTML and CSS Tutorials, June 2007</span><br/>This article for HTML and CSS shows you how to deal with Dreamweaver, it gives you Code and File Tips.  The author adds illustrations and screenshots to make the explanation easy to follow and to use.  If you like Dreamweaver you g...<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-08-17 11:17:52
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/dreamweaver-code-and-file-tips.12536.html
</guid>
</item> <br/><br/><item>
<title>
CSS Jump-Start
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-jump-start.12539.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/css-jump-start.12539.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12539&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top"><span>Editor's Pick in HTML and CSS Tutorials, June 2007</span><br/>This article, CSS Jump-Start, is good even if you're new to CSS.  Altering one of these layouts is much easier than starting from scratch. If you've been using CSS for a while, you'll appreciate the head start these layouts offe...<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-08-09 11:54:34
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-jump-start.12539.html
</guid>
</item> <br/><br/><item>
<title>
10 Great Things NOT to do with Google AdSense
</title>
<link>
http://webdesign.org/web/site-maintenance/web-promotion/10-great-things-not-to-do-with-google-adsense.12409.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/site-maintenance/web-promotion/10-great-things-not-to-do-with-google-adsense.12409.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12409&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">There is no question that you can make some good money with Google AdSense, but you're setting yourself up for disaster if you make any of these Top 10 mistakes! <br />
    <strong>Type:</strong> Web Promotion<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-08-07 09:53:55
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/site-maintenance/web-promotion/10-great-things-not-to-do-with-google-adsense.12409.html
</guid>
</item> <br/><br/><item>
<title>
CSS Background Rollover
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-background-rollover.12544.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/css-background-rollover.12544.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12544&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Looking to add a little style to your image links? Let's use CSS to add a background color that appears when the mouse hovers over the image. This style can be used on a variety of images but we'll be looking at adding this style to affiliate buttons. <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-08-03 04:36:13
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-background-rollover.12544.html
</guid>
</item> <br/><br/><item>
<title>
The Low Down on Cascading Style Sheets
</title>
<link>
http://webdesign.org/web/html-and-css/articles/the-low-down-on-cascading-style-sheets.12407.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/articles/the-low-down-on-cascading-style-sheets.12407.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12407&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">CSS has been around for more than 10 years already beginning in its development in 1997 but it seems it has been in the public consciousness for only a relatively short time. The reason for this is because it wasn't until the year 2000 that many web browsers began using the capabilities of CSS beyo...<br />
    <strong>Type:</strong> HTML Article<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-08-01 04:42:52
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/articles/the-low-down-on-cascading-style-sheets.12407.html
</guid>
</item> <br/><br/><item>
<title>
Checklist for Usability Forms
</title>
<link>
http://webdesign.org/web/web-design-basics/website-usability/checklist-for-usability-forms.12408.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/web-design-basics/website-usability/checklist-for-usability-forms.12408.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12408&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">HTML forms are one way a user can send data to Web sites. They are essential in almost every interaction one can have with a site, such as: <br />
    <strong>Type:</strong> Website Usability<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-07-25 04:19:43
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/web-design-basics/website-usability/checklist-for-usability-forms.12408.html
</guid>
</item> <br/><br/><item>
<title>
Flash for Beginners - Embed a swf Source Code into an HTML
</title>
<link>
http://webdesign.org/web/flash-&amp;-swish/flash-tutorials/flash-for-beginners---embed-a-swf-source-code-into-an-html.12415.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/flash-&amp;-swish/flash-tutorials/flash-for-beginners---embed-a-swf-source-code-into-an-html.12415.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12415&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">In this flash for beginners tips, I'd like to share two methods to embed a flash swf movie in an html file. In addition, I have discuss the importance of the two embeded tags namely <object> and <embed>.
<br />
    <strong>Type:</strong> Flash Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-07-19 04:35:46
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/flash-&amp;-swish/flash-tutorials/flash-for-beginners---embed-a-swf-source-code-into-an-html.12415.html
</guid>
</item> <br/><br/><item>
<title>
In Depth Contact Form Part 1 - The Form Itself
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/in-depth-contact-form-part-1---the-form-itself.12084.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/in-depth-contact-form-part-1---the-form-itself.12084.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12084&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">The following is the first of a short series of tutorials concentrating on building and handling a contact form on your website. This, the first part, will concentrate on the HTML of the form. The second will cover the PHP handling and a third anf final tutorial will consider possible enhancements, ...<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-07-11 10:26:12
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/in-depth-contact-form-part-1---the-form-itself.12084.html
</guid>
</item> <br/><br/><item>
<title>
CSS Navigation Bar
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-navigation-bar.12083.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/css-navigation-bar.12083.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12083&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Here I'll teach you how to create the navigation bar below. This has been cross browser and cross OS tested, so functionality shouldnt be an issue. You can view my blog to see this in action 

<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-06-22 12:56:28
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-navigation-bar.12083.html
</guid>
</item> <br/><br/><item>
<title>
CSS Pop Up Menu 3 - Images
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-pop-up-menu-3---images.12090.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/css-pop-up-menu-3---images.12090.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12090&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This tutorial expands on my last CSS pop up menu tutorial. This time I will focus on how to use image "buttons" in the menu rather than plain text. <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-06-14 11:46:13
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-pop-up-menu-3---images.12090.html
</guid>
</item> <br/><br/><item>
<title>
CSS Pop Up Menu 2 - Horizontal Menus
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-pop-up-menu-2---horizontal-menus.12089.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/css-pop-up-menu-2---horizontal-menus.12089.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12089&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This tutorial expands on my last CSS pop up menu tutorial. Since I wrote it I have had a few questions about it that are worthy of expansion tutorials. This second part focuses on changing the menu so that it is horizontal, with the pop ups dropping downwards. <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-06-12 03:33:31
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-pop-up-menu-2---horizontal-menus.12089.html
</guid>
</item> <br/><br/><item>
<title>
CSS Pop Up Menu
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-pop-up-menu.12088.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/css-pop-up-menu.12088.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=12088&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top"><span>Editor's Pick in HTML and CSS Tutorials, June 2007</span><br/>This is a really excellent article for creating a CSS Pop Up Menu.  The author provides you with all the code necessary to make a good product.  You just read the texts, put in the code and refer to pictures if you need them.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-06-08 11:46:13
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-pop-up-menu.12088.html
</guid>
</item> <br/><br/><item>
<title>
Creating Tableless Sites - Why and Some Basics
</title>
<link>
http://webdesign.org/web/html-and-css/articles/creating-tableless-sites---why-and-some-basics.11526.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/articles/creating-tableless-sites---why-and-some-basics.11526.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11526&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top"><span>Editor's Pick in HTML and CSS Tutorials, May 2007</span><br/>This is a very intersting tutorial that will show you the simple way to Create Tableless Sites - Why and Some Basics.  The author does a great job in explaining why tableless is desireable and how to do it.  <br />
    <strong>Type:</strong> HTML Article<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-05-09 00:53:33
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/articles/creating-tableless-sites---why-and-some-basics.11526.html
</guid>
</item> <br/><br/><item>
<title>
CSS Cursors - How To Use Them
</title>
<link>
http://webdesign.org/web/html-and-css/articles/css-cursors---how-to-use-them.11527.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/articles/css-cursors---how-to-use-them.11527.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11527&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">One thing that CSS allows us to use for screen presentation are alternate cursors. This is not the idea of downloading or forcing a download of a cursor, as was done in the past (though that is possible as well), but instead, we use several built in concept cursors. 

<br />
    <strong>Type:</strong> HTML Article<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-04-30 01:41:59
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/articles/css-cursors---how-to-use-them.11527.html
</guid>
</item> <br/><br/><item>
<title>
Cascade Style Sheet Basics
</title>
<link>
http://webdesign.org/web/html-and-css/articles/cascade-style-sheet-basics.11528.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/articles/cascade-style-sheet-basics.11528.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11528&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">There are only three parts to Cascade Style Sheets (CSS), and once we understand what they are and how to use them, CSS becomes very easy and exciting to use...<br />
    <strong>Type:</strong> HTML Article<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-04-26 01:32:41
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/articles/cascade-style-sheet-basics.11528.html
</guid>
</item> <br/><br/><item>
<title>
Cascading Stylesheets Advantages: 5 Reasons To Use CSS
</title>
<link>
http://webdesign.org/web/html-and-css/articles/cascading-stylesheets-advantages-5-reasons-to-use-css.11525.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/articles/cascading-stylesheets-advantages-5-reasons-to-use-css.11525.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11525&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Because you are able to create a separate Stylesheet and link it to all your webdocuments, you have great control over how your website looks. So if you want to change a certain aspect of your page, you only need to alter one file: your Stylesheet! 

<br />
    <strong>Type:</strong> HTML Article<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-04-20 10:01:46
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/articles/cascading-stylesheets-advantages-5-reasons-to-use-css.11525.html
</guid>
</item> <br/><br/><item>
<title>
Your New Website is Inside
</title>
<link>
http://webdesign.org/web/html-and-css/articles/your-new-website-is-inside.11524.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/articles/your-new-website-is-inside.11524.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11524&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Today's Internet is a lot different than it used to be. With new developments such as SEO (Search Engine Optimization) and web standards, building websites the same old way just won't cut it anymore. <br />
    <strong>Type:</strong> HTML Article<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-04-12 03:11:43
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/articles/your-new-website-is-inside.11524.html
</guid>
</item> <br/><br/><item>
<title>
Make a Fixed Banner
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/make-a-fixed-banner.11133.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/make-a-fixed-banner.11133.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11133&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Make a fixed banner that clings to the top of your page!
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-04-11 04:23:20
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/make-a-fixed-banner.11133.html
</guid>
</item> <br/><br/><item>
<title>
Successful CSS Template Skins
</title>
<link>
http://webdesign.org/web/html-and-css/articles/successful-css-template-skins.11523.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/articles/successful-css-template-skins.11523.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11523&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">The CSS mantra is the separation of content and style. The content should be in the HTML and the CSS should take care of how the HTML is displayed on the page. However, most web-designs don't properly separate content and style. The HTML and CSS are there separately, but if you changed the HTML, th...<br />
    <strong>Type:</strong> HTML Article<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-04-06 09:25:29
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/articles/successful-css-template-skins.11523.html
</guid>
</item> <br/><br/><item>
<title>
CSS &quot;Watermarking&quot; Effect
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-watermarking-effect.11131.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/css-watermarking-effect.11131.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11131&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top"><span>Editor's Pick in HTML and CSS Tutorials, April 2007</span><br/>This tutorial in HTML will show you how to create a CSS "Watermarking" Effect.  The aouthor gives you a simple outline of instructions and necessary code as well as plenty of illustrations to keep on track. <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-04-03 03:43:05
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-watermarking-effect.11131.html
</guid>
</item> <br/><br/><item>
<title>
CSS Layout
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-layout.11134.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/css-layout.11134.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11134&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">The basics of how to do a CSS layout.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-03-28 08:56:45
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-layout.11134.html
</guid>
</item> <br/><br/><item>
<title>
Guide to Backgrounds
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/backgrounds.11135.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/backgrounds.11135.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11135&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">A simple guide to adding.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-03-26 03:06:56
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/backgrounds.11135.html
</guid>
</item> <br/><br/><item>
<title>
CSS Basics
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-basics.11136.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/css-basics.11136.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11136&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Just simple Stuff to start off your css.css
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-03-21 10:44:14
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-basics.11136.html
</guid>
</item> <br/><br/><item>
<title>
Emulating the Fieldset Element
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/emulating-the-fieldset-element.11130.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/emulating-the-fieldset-element.11130.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11130&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">How to give the fieldset style to your layouts but using div/CSS for maximum validity.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-03-16 06:18:07
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/emulating-the-fieldset-element.11130.html
</guid>
</item> <br/><br/><item>
<title>
Blog Layout - Design to Coding
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/blog-layout---design-to-coding.11392.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/blog-layout---design-to-coding.11392.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11392&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top"><span>Editor's Pick in HTML and CSS Tutorials, March 2007</span><br/>This article was written to help you with Blog Layout by Design Coding.  The author explains most of the work in outlined form with seventeen easy to read steps that are very well illustrated with screenshots.  All the code is giv...<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-03-15 10:42:41
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/blog-layout---design-to-coding.11392.html
</guid>
</item> <br/><br/><item>
<title>
Enhancing Dreamweaver with New Extensions
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/enhancing-dreamweaver-with-new-extensions.11033.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/enhancing-dreamweaver-with-new-extensions.11033.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11033&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top"><span>Editor's Pick in HTML and CSS Tutorials, March 2007</span><br/>This article provides the quick way to Enhancing Dreamweaver with New Extensions.  The author explains that Dreamweaver has the ability to add new extensions, many from third-party vendors, that will make your Dreamweaver program ...<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-03-13 03:25:35
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/enhancing-dreamweaver-with-new-extensions.11033.html
</guid>
</item> <br/><br/><item>
<title>
Using #name tag
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/using-name-tag.11137.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/using-name-tag.11137.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11137&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Make links to different parts of your pages.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-03-06 03:43:52
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/using-name-tag.11137.html
</guid>
</item> <br/><br/><item>
<title>
Embedding CSS Into An HTML Document
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/embedding-css-into-an-html-document.11106.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/embedding-css-into-an-html-document.11106.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11106&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Some of you might be wondering what CSS actually is. CSS, or Cascading Style Sheets is a simple language which is used for styling your webpages, hence the "Style Sheets" CSS is very useful and can save alot of time and effort. <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-02-27 02:59:23
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/embedding-css-into-an-html-document.11106.html
</guid>
</item> <br/><br/><item>
<title>
XHTML vs. HTML
</title>
<link>
http://webdesign.org/web/html-and-css/articles/xhtml-vs.-html.11138.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/articles/xhtml-vs.-html.11138.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11138&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">A quick introduction to XHTML<br />
    <strong>Type:</strong> HTML Article<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-02-22 03:38:22
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/articles/xhtml-vs.-html.11138.html
</guid>
</item> <br/><br/><item>
<title>
CSS Validation and HTML
</title>
<link>
http://webdesign.org/web/site-maintenance/web-promotion/css-validation-and-html.10903.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/site-maintenance/web-promotion/css-validation-and-html.10903.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10903&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">HTML validation and CSS validation are controversial issues with some people. This article discusses some of the issues that have come increasingly to the fore in web development. The article will also provide a practical method that overworked webmasters can use to improve their website.<br />
    <strong>Type:</strong> Web Promotion<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-02-19 09:49:01
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/site-maintenance/web-promotion/css-validation-and-html.10903.html
</guid>
</item> <br/><br/><item>
<title>
HTML Basics
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/html.11107.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/html.11107.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11107&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">There are lots of software on the market, two popular ones are Microsoft FrontPage, and the class of the market Macromedia Dreamweaver. They both are able to operate WYSIWYG (What you see is what you get) and pure HTML code. <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-02-19 09:49:01
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/html.11107.html
</guid>
</item> <br/><br/><item>
<title>
From Photoshop to XHTML and CSS
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/from-photoshop-to-xhtml-and-css.11121.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/from-photoshop-to-xhtml-and-css.11121.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11121&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top"><span>Editor's Pick in HTML and CSS Tutorials, February 2007</span><br/>This helpful article outlines the easiest way to use a Photoshop graphic and using it in a webpage.  The author explains everything by text but also provides illustrations and codes to make the job as easy as possible.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-02-16 10:32:45
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/from-photoshop-to-xhtml-and-css.11121.html
</guid>
</item> <br/><br/><item>
<title>
Using a Behavior to Launch a New Browser Window
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/using-a-behavior-to-launch-a-new-browser-window.11032.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/using-a-behavior-to-launch-a-new-browser-window.11032.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11032&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">You can use Behaviors in Dreamweaver to create many interactive features; like opening a small browser window when someone clicks on an image. This is a great way to make supplemental information available without closing the page a visitor is already viewing.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-02-14 03:54:33
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/using-a-behavior-to-launch-a-new-browser-window.11032.html
</guid>
</item> <br/><br/><item>
<title>
Where to Get Some Scripts
</title>
<link>
http://webdesign.org/web/web-design-basics/templates-&amp;-tuning/where-to-get-some-scripts.11014.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/web-design-basics/templates-&amp;-tuning/where-to-get-some-scripts.11014.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=11014&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">You may find the list of basic scripts here.<br />
    <strong>Type:</strong> Template Tips<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-02-09 03:51:19
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/web-design-basics/templates-&amp;-tuning/where-to-get-some-scripts.11014.html
</guid>
</item> <br/><br/><item>
<title>
Changing Text Font and Color in HTML Editor
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/changing-text-font-and-color-in-html-editor.10891.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/changing-text-font-and-color-in-html-editor.10891.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10891&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">To increase impression of your future web site based on our web design templates maybe you will need to change text color or font style. There are some ways of doing that.If you want to change part of text or some words do the following. Select text, witch properties you want to modify. <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-02-02 10:26:15
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/changing-text-font-and-color-in-html-editor.10891.html
</guid>
</item> <br/><br/><item>
<title>
How to Embed Flash Intro in HTML
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/how-to-embed-flash-intro-in-html.10892.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/how-to-embed-flash-intro-in-html.10892.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10892&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">There are several methods of embedding Flash elements into HTML pages.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-01-26 10:41:31
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/how-to-embed-flash-intro-in-html.10892.html
</guid>
</item> <br/><br/><item>
<title>
Creating Accessible Tables for Data Using Dreamweaver 8
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/creating-accessible-tables-for-data-using-dreamweaver-8.10751.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/creating-accessible-tables-for-data-using-dreamweaver-8.10751.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10751&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">With a host of new features, Dreamweaver 8 makes it easier than ever to build accessible tables for data. Using the Accessibility preferences, Dreamweaver 8 prompts designers and developers to provide captions, headers, and summary information as the table is inserted. 

<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-01-23 03:26:45
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/creating-accessible-tables-for-data-using-dreamweaver-8.10751.html
</guid>
</item> <br/><br/><item>
<title>
Basic CSS Beginners' Tutorial
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/basic-css-beginners-tutorial.10748.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/basic-css-beginners-tutorial.10748.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10748&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">CSS is the greatest web designer tool ever created. Change the appearance of all your pages by just editing one file! You can use CSS for almost anything design-wise.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-01-10 03:26:11
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/basic-css-beginners-tutorial.10748.html
</guid>
</item> <br/><br/><item>
<title>
Creating a Navigation Bar with CSS
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/creating-a-navigation-bar-with-css.10518.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/creating-a-navigation-bar-with-css.10518.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10518&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top"><span>Editor's Pick in HTML and CSS Tutorials, January 2007</span><br/>This interesting tutorial in HTML and CSS will show you how to create a Navigation Bar.  It takes 16 steps, but they are short and easy to read. The great photos and screenshots make each step very understandable. <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2007-01-05 09:06:49
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/creating-a-navigation-bar-with-css.10518.html
</guid>
</item> <br/><br/><item>
<title>
Content Box
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/content-box.10629.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/content-box.10629.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10629&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Learn how to slice your images from Photoshop to work in FrontPage.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2006-12-29 10:40:51
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/content-box.10629.html
</guid>
</item> <br/><br/><item>
<title>
Google AdSense
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/google-adsense.10542.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/google-adsense.10542.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10542&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Learn how to add those little icons next to your ads.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2006-12-21 04:52:23
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/google-adsense.10542.html
</guid>
</item> <br/><br/><item>
<title>
Understanding HTML Color Codes, Explained in Plain English
</title>
<link>
http://webdesign.org/web/html-and-css/articles/understanding-html-color-codes-explained-in-plain-english.10436.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/articles/understanding-html-color-codes-explained-in-plain-english.10436.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10436&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">When I help people with web pages, I always encourage them to edit the HTML directly and not rely on programs like Microsoft FrontPage or Adobe GoLive to layout their pages. One of the first things that people have a hard time grasping is what <br />
    <strong>Type:</strong> HTML Article<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2006-12-15 10:49:48
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/articles/understanding-html-color-codes-explained-in-plain-english.10436.html
</guid>
</item> <br/><br/><item>
<title>
How to Set a Link Style Within Your CSS Sheet
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/how-to-set-a-link-style-within-your-css-sheet.10397.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/how-to-set-a-link-style-within-your-css-sheet.10397.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10397&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">If you want to set the link color and style you can do that quite easily using the page properties window. But if you want more than one link style on your web site you'll have to dig in to your css sheet. 
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2006-12-12 10:36:46
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/how-to-set-a-link-style-within-your-css-sheet.10397.html
</guid>
</item> <br/><br/><item>
<title>
The Power of CSS
</title>
<link>
http://webdesign.org/web/html-and-css/articles/the-power-of-css.10204.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/articles/the-power-of-css.10204.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10204&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">CSS or cascading style sheets are used to create a set of styles that can be applied to your fonts, tables and most other attributes of your web page. These styles allow you to create a much cleaner, faster web page that search engines love and also makes life much easier on the designer when global...<br />
    <strong>Type:</strong> HTML Article<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2006-12-06 04:57:43
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/articles/the-power-of-css.10204.html
</guid>
</item> <br/><br/><item>
<title>
Tabbed Navigation
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/tabbed-navigation.10013.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/tabbed-navigation.10013.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10013&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Learn how to make a tabbed navigation using lists.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2006-11-28 11:05:10
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/tabbed-navigation.10013.html
</guid>
</item> <br/><br/><item>
<title>
Connecting an HTML Form with a CGI Script
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/connecting-an-html-form-with-a-cgi-script.10160.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/connecting-an-html-form-with-a-cgi-script.10160.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10160&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">One of the most confusing aspects of working with HTML forms is that they don't do much until you've connected them to a script on your server. The HTML side of a form is relatively easy to create, and only a little more challenging if you want it to look good (see the tutorial on designing forms ...<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Professional
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2006-11-28 05:11:55
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/connecting-an-html-form-with-a-cgi-script.10160.html
</guid>
</item> <br/><br/><item>
<title>
Rollover Images
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/rollover-images.10098.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/rollover-images.10098.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10098&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Adding rollover images is a nice way to add some eye candy to your site. In order to create a rollover image, you'll need two images for each navigation item and some javascript.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2006-11-24 04:58:49
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/rollover-images.10098.html
</guid>
</item> <br/><br/><item>
<title>
How to add a Favicon to your Website/Blog
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/how-to-add-a-favicon-to-your-websiteblog.10135.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/how-to-add-a-favicon-to-your-websiteblog.10135.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10135&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">If you have Photoshop knowledge, you can make your own icon image. Start with a 64x64 image and after you've finished your creation, resize it down to 16x16 and save it as .ico file. If you do not have the icon file format in Photoshop, you can download it here. 

<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2006-11-21 10:36:22
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/how-to-add-a-favicon-to-your-websiteblog.10135.html
</guid>
</item> <br/><br/><item>
<title>
Content Box
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/content-box.10016.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/content-box.10016.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10016&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Learn to code and style a content box using HTML and CSS!
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> All levels
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2006-11-17 10:38:29
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/content-box.10016.html
</guid>
</item> <br/><br/><item>
<title>
Apply Shadow Using CSS
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/learn-how-to-apply-shadow-automatically-to-an-image-using-css.10134.html
</link>
<description><![CDATA[
<table width="558" border="0">
  <tr>
    <td width="77" valign="top"><a href="http://webdesign.org/web/html-and-css/tutorials/learn-how-to-apply-shadow-automatically-to-an-image-using-css.10134.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=10134&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top"><span>Editor's Pick in HTML and CSS Tutorials, November 2006</span><br/>Apply Shadow Using CSS is an excellent tutorial working in HTML and CSS.
The author leads you through several easy to follow steps.  Illustrations will show you how to complete the project. <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2006-11-14 07:50:32
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/learn-how-to-apply-shadow-automatically-to-an-image-using-css.10134.html
</guid>
</item> <br/><br/></channel><br/></rss>