<?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>Mon, 01 Dec 2008 20:35:39 -0500</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>
CSS Menu
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-menu.16656.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-menu.16656.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16656&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This tutorial will only focus on the menu portion and not how to position it into a header. <br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-11-28 06:07:39
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-menu.16656.html
</guid>
</item> <br/><br/><item>
<title>
Style Your Ordered List
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/style-your-ordered-list.16545.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/style-your-ordered-list.16545.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16545&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">By default, most browsers display the ordered list numbers same font style as the body text. Here is a quick CSS tutorial on how you can use the ordered list (ol) and paragraph (p) element to design a stylish numbered list.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-11-25 12:05:43
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/style-your-ordered-list.16545.html
</guid>
</item> <br/><br/><item>
<title>
Why You Shouldn't Be Using XHTML
</title>
<link>
http://webdesign.org/web/html-and-css/articles/why-you-shouldnt-be-using-xhtml.16591.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/why-you-shouldnt-be-using-xhtml.16591.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16591&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">A lot of people these days are using XHTML. Why? Do they actually need it or are they just following a trend?
<br />
    <strong>Type:</strong> HTML Article<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-11-25 12:05:43
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/articles/why-you-shouldnt-be-using-xhtml.16591.html
</guid>
</item> <br/><br/><item>
<title>
Advanced CSS Menu
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/advanced-css-menu.16538.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/advanced-css-menu.16538.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16538&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This tutorial I will show you how to slice up the menu design (step by step) and put them together with CSS.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-11-24 12:34:15
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/advanced-css-menu.16538.html
</guid>
</item> <br/><br/><item>
<title>
Simple Double Quotes
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/simple-double-quotes.16544.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/simple-double-quotes.16544.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16544&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This CSS tutorial will show you how to display two double-quote images using one blockquote tag. 
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-11-24 12:34:15
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/simple-double-quotes.16544.html
</guid>
</item> <br/><br/><item>
<title>
Using IFrames in Adobe Dreamweaver (Video Tutorial)
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/using-iframes-in-adobe-dreamweaver-video-tutorial.16556.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-iframes-in-adobe-dreamweaver-video-tutorial.16556.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16556&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Follow along with this tutorial and learn how to create an IFrame on your website using Dreamweaver.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-11-21 10:42:46
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/using-iframes-in-adobe-dreamweaver-video-tutorial.16556.html
</guid>
</item> <br/><br/><item>
<title>
The All-Expandable Box
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/the-all-expandable-box.16536.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/the-all-expandable-box.16536.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16536&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">In HTML, if you don't specify a specific width, block-level elements are vertically expandable by their nature. Think of an unordered list. That list will grow be be as big as it needs to be to fit all of it's list elements.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-11-20 08:38:13
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/the-all-expandable-box.16536.html
</guid>
</item> <br/><br/><item>
<title>
CSS Gradient Text Effect
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-gradient-text-effect.16535.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-gradient-text-effect.16535.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16535&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 of November, 2008</span><br />A CSS trick that will help your headings look really awesome. People who like to keep their web design flash-free are sure to appreciate this tutorial.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-11-14 11:43:03
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-gradient-text-effect.16535.html
</guid>
</item> <br/><br/><item>
<title>
CSS Basics in Adobe Dreamweaver (Video Tutorial)
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-basics-in-adobe-dreamweaver-video-tutorial.16519.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-in-adobe-dreamweaver-video-tutorial.16519.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16519&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">This tutorial covers the basics of creating CSS in Dreamweaver using the CSS Rule dialog.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-11-13 11:34:15
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-basics-in-adobe-dreamweaver-video-tutorial.16519.html
</guid>
</item> <br/><br/><item>
<title>
Using the Dreamweaver 3D Wall Extension
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/using-the-dreamweaver-3d-wall-extension.16471.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-the-dreamweaver-3d-wall-extension.16471.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16471&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Create an online slide show with the 3D Wall Extension and your visitors can zoom, pan, and drag your images around your Web pages with Interactive ease.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-11-10 09:39:03
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/using-the-dreamweaver-3d-wall-extension.16471.html
</guid>
</item> <br/><br/><item>
<title>
CSS Large Background
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-large-background.16479.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-large-background.16479.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16479&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">In this tutorial, I will provide various CSS examples on how you can create a large background site using either a single or double images.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-11-07 12:40:52
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-large-background.16479.html
</guid>
</item> <br/><br/><item>
<title>
Creating CSS Columns in Dreamweaver (Video Tutorial)
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/creating-css-columns-in-dreamweaver-video-tutorial.16413.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-css-columns-in-dreamweaver-video-tutorial.16413.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16413&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">In this video tutorial, RC talks about creating columns and headers using Dreamweaver.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-10-30 09:40:46
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/creating-css-columns-in-dreamweaver-video-tutorial.16413.html
</guid>
</item> <br/><br/><item>
<title>
Dreamweaver CS4 Smart Objects (Video Tutorial)
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/dreamweaver-cs4-smart-objects-video-tutorial.16352.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-cs4-smart-objects-video-tutorial.16352.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16352&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">One of the more impressive new features in Dreamweaver CS4 is the ability to work with Smart Objects between Dreamweaver and Photoshop.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-10-27 12:04:48
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/dreamweaver-cs4-smart-objects-video-tutorial.16352.html
</guid>
</item> <br/><br/><item>
<title>
Dreamweaver CS4 Widgets (Video Tutorial)
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/dreamweaver-cs4-widgets-video-tutorial.16351.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-cs4-widgets-video-tutorial.16351.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16351&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Let's explore the new spry form widgets in Dreamweaver CS4. After creating a simple form, use new insert panel to create and customize the spry menu objects. Use the new Live View function to preview how the form will behave on the web.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-10-24 11:42:58
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/dreamweaver-cs4-widgets-video-tutorial.16351.html
</guid>
</item> <br/><br/><item>
<title>
Dreamweaver CS4 Interface (Video Tutorial)
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/dreamweaver-cs4-interface-video-tutorial.16281.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-cs4-interface-video-tutorial.16281.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16281&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Take a tour of the new Dreamweaver CS4 interface. This video explores some of the new features, which include links to new instruction videos on AdobeTV, a split code view, a split vertical view, related files tab, the new insert panel, and the new code navigator, just to name a few.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-10-17 12:28:04
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/dreamweaver-cs4-interface-video-tutorial.16281.html
</guid>
</item> <br/><br/><item>
<title>
Creating Rollovers in Dreamweaver CS3 (Video Tutorial)
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/creating-rollovers-in-dreamweaver-cs3-video-tutorial.16156.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-rollovers-in-dreamweaver-cs3-video-tutorial.16156.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16156&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Rollovers let your users know that they are interacting with the web page. In this tutorial, we will use Photoshop to create images to be used in both states of the rollovers and Dreamweaver to create the rollovers themselves.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-10-09 08:08:38
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/creating-rollovers-in-dreamweaver-cs3-video-tutorial.16156.html
</guid>
</item> <br/><br/><item>
<title>
Dreamweaver CS4 CSS Features (Video Tutorial)
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/dreamweaver-cs4-css-features-video-tutorial.16159.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-cs4-css-features-video-tutorial.16159.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16159&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Geoff Blake goes through some of the new CSS features of Dreamweaver CS4. Whether you are a CSS rookie or veteran, you’re going to enjoy the new CSS tools and layout which make it easier to apply and remove formatting, creating external style sheets, and reviewing related files to your current docum...<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-10-08 07:23:12
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/dreamweaver-cs4-css-features-video-tutorial.16159.html
</guid>
</item> <br/><br/><item>
<title>
Why is Validation Important?
</title>
<link>
http://webdesign.org/web/html-and-css/articles/why-is-validation-important.16126.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/why-is-validation-important.16126.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16126&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Validation in your webpages is very important as proven in this tutorial. In this tutorial you'll learn about Validation and how you should be making the effort to get validated!
<br />
    <strong>Type:</strong> HTML Article<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-09-30 10:31:14
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/articles/why-is-validation-important.16126.html
</guid>
</item> <br/><br/><item>
<title>
CSS Menu with Icons
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-menu-with-icons.16068.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-menu-with-icons.16068.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16068&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 of September, 2008</span><br />Learn how to create a navigation bar with custom icons, then code it up in dreamweaver.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Experienced
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-09-22 11:07:33
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-menu-with-icons.16068.html
</guid>
</item> <br/><br/><item>
<title>
Using Forms in Dreamweaver (Video Tutorial)
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/using-forms-in-dreamweaver-video-tutorial.16028.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-forms-in-dreamweaver-video-tutorial.16028.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=16028&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">RC goes through some of the fundamentals of working with forms and how they are created using Dreamweaver.<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-09-19 11:54:00
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/using-forms-in-dreamweaver-video-tutorial.16028.html
</guid>
</item> <br/><br/><item>
<title>
CSS Hacks: Removing the horizontal scroll bar
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/css-hacks-removing-the-horizontal-scroll-bar.15989.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-hacks-removing-the-horizontal-scroll-bar.15989.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15989&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Learn how to remove the horizontal scroll bar off your webpages and content in this tutorial!
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-09-12 08:56:47
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/css-hacks-removing-the-horizontal-scroll-bar.15989.html
</guid>
</item> <br/><br/><item>
<title>
Defining HTML Tags in CSS
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/defining-html-tags-in-css.15988.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/defining-html-tags-in-css.15988.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15988&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">In CSS you can define certain html tags in your CSS coding. This tutorial will show how some of these tags can be defined!
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-09-11 11:41:18
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/defining-html-tags-in-css.15988.html
</guid>
</item> <br/><br/><item>
<title>
The HTML Structure
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/the-html-structure.15992.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/the-html-structure.15992.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15992&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Even though the basics are often overlooked, it's good to know the basics of the structure of HTML. In this tutorial we will break down the structure for you.
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-09-10 08:42:59
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/the-html-structure.15992.html
</guid>
</item> <br/><br/><item>
<title>
Favicons Explained
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/favicons-explained.15993.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/favicons-explained.15993.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15993&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Wondered what that small logo next to a website URL is on your browser. This tutorial will explain all!
<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-09-09 12:00:12
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/favicons-explained.15993.html
</guid>
</item> <br/><br/><item>
<title>
Troubleshooting CSS in Dreamweaver
</title>
<link>
http://webdesign.org/web/html-and-css/tutorials/troubleshooting-css-in-dreamweaver.15891.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/troubleshooting-css-in-dreamweaver.15891.html"><img src="http://webdesign.org/get.php?type=imgart&amp;id=15891&amp;name=materialImage" alt="Material Image" width="60px" height="60px" border="0" align="left" /></a></td>
    <td width="465" valign="top">Dreamweaver CS3 provides a great collection of tools for creating page designs with CSS, but when it comes to altering and troubleshooting CSS, things can get confusing in a hurry. To help you sort through the options, this column focuses on some of the challenges you may face when working with CSS....<br />
    <strong>Type:</strong> HTML Tutorial<br />
    <strong>Level:</strong> Beginner
    </td>
  </tr>
</table>
]]></description>
<pubDate>
2008-08-27 10:16:54
</pubDate>
<guid isPermaLink="true">
http://webdesign.org/web/html-and-css/tutorials/troubleshooting-css-in-dreamweaver.15891.html
</guid>
</item> <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/></channel><br/></rss>