Hi there,
If you are learning HTML then its nice work, Good Code actually, just I have some suggestions for you
1.) An "id" is a unique identifier. Every time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes
2.) in html code you have used blank "" which is also not valid
3.) you have "
" in "" its not valid as well you should insert "
" out side of "" like -> "
"
4.) you have used many " " before you may use margin-left for same effect
your code: (I have removed some list item for space)
<ul>
<li>Affiliate Programs</li>
<li>Search Engine Marketing</li>
</ul>
you should write like this:
if you need to place
tag in page,
<ul>
<li>Affiliate Programs</li>
<li>Search Engine Marketing</li>
</ul>if you like to have some space underneath ul
<ul style=”padding-bottom:30px;”>
<li>Affiliate Programs</li>
<li>Search Engine Marketing</li>
</ul>
and other is fine "Over all Nice Work"
you may get same effect without using table only with div and css
here is the example :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=iso-8859-1"
http-equiv="Content-Type" />
<title>Tables and Buttons</title>
<style type="text/css">
<!--
.cleaner{
clear: both; height:1px!important; line-height:1px!important; float:none;
}
.leftColumn {
float: left; width: 190px; border:3px #ccc solid; border-bottom:#999999 3px solid; border-right:#999999 3px solid; margin-left:4px;
}
h4{
margin-left:20px;
}
-->
</style>
</head>
<body>
<div style="width: 600px;">
<div class="leftColumn">
<h4>Beginner Package</h4>
<ul>
<li>Affiliate Programs</li>
<li>Search Engine Marketing</li>
<li>Pay Per Click</li>
<li>Finding Markets</li>
<li>Setting up a Website</li>
<li>And more!!!</li>
</ul>
</div>
<div class="leftColumn">
<h4>Advanced Package</h4>
<ul>
<li>Website Analysis</li>
<li>Market Testing</li>
<li>Pay Per Click</li>
<li>Competitor Analysis</li>
<li>Traffic and Conversion Studies</li>
<li>And more!!!</li>
</ul>
</div>
<div class="leftColumn">
<h4>Ultra
Package</h4>
<ul>
<li>Market Analysis</li>
<li>SEO</li>
<li>Review of 12 Marketing Campaigns</li>
<li>Campaign Selection and Testing</li>
<li>And more!!!</li>
</ul>
</div>
<div class="cleaner"></div>
</div>
</body>
</html>
Hopefully this post will useful for you
Rahul Dev
