Menu
Can anyone help me convert this html into css. I have tried 3 times and failed miserably ?
<body topmargin=”0″ leftmargin=”0″>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse: collapse” bordercolor=”#111111″ width=”100%” id=”AutoNumber1″ height=”100%”>
<tr>
<td width=”62″ height=”60″ valign=”top”>
<img border=”0″ src=”images/corner.jpg” width=”62″ height=”60″></td>
<td height=”60″ valign=”top”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse: collapse” bordercolor=”#111111″ width=”100%” id=”AutoNumber3″ background=”images/top.jpg” height=”24″>
<tr>
<td width=”100%”> </td>
</tr>
</table>
</td>
<td width=”62″ height=”60″ align=”right” valign=”top”>
<img border=”0″ src=”images/corner2.jpg” width=”62″ height=”60″></td>
</tr>
<tr>
<td width=”62″ valign=”top”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse: collapse” bordercolor=”#111111″ width=”24″ id=”AutoNumber4″ background=”images/left.jpg” height=”100%”>
<tr>
<td width=”100%”> </td>
</tr>
</table>
</td>
<td valign=”top”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse: collapse” bordercolor=”#111111″ width=”100%” id=”AutoNumber6″>
<tr>
<td> </td>
<td width=”750″>
<p class=”MsoNormal” align=”center”>
<span style=”text-transform: uppercase”><font face=”Arial” size=”6″>The Internet Is A GREAT Place To find a
<font color=”#FF0000″> <b>
Scholarship</b></font>, <i>But <u>How</u> Do You do It?</i> </font></span></p>
<p class=”MsoNormal” style=”line-height:150%” align=”justify”>
<font face=”Arial”>You have a college place but now you need to find a
<b>scholarship</b>. The <u>fastest</u> and most <u>efficient</u> way of
doing this is via <b>the internet</b>. First you
will need to decide on which search service to use from the many on
offer. Look closely at the search services and what they offer. Your
first decision is whether to pay for the service or to use a free one.
This guide will help you in avoiding scams and choose the best method of
finding your<b> scholarship</b>!</font></p>
<div align=”center”>
<center>
<table border=”0″ cellpadding=”10″ cellspacing=”0″ style=”border-collapse: collapse” bordercolor=”#111111″ id=”AutoNumber7″>
<tr>
<td>
<script type=”text/javascript”><!–
google_ad_client = “pub-6769881904592358”;
google_ad_width = 300;
google_ad_height = 250;
google_ad_format = “300x250_as”;
google_cpa_choice = “CAEQk-iVsgMaCKagjyPA_lHnKLO16eUBMAA”;
google_ad_channel = “9579296018”;
//–>
</script>
<script type=”text/javascript” src=”
</script>
</td>
<td><script type=”text/javascript”><!–
google_ad_client = “pub-6769881904592358”;
google_ad_width = 300;
google_ad_height = 250;
google_ad_format = “300x250_as”;
google_cpa_choice = “CAEQx8OWsgMaCIK2pJB5OIVcKM-56eUBMAA”;
google_ad_channel = “9381741766”;
//–>
</script>
<script type=”text/javascript” src=”
</script></td>
</tr>
</table>
</center>
</div>
<br>
<table border=”0″ cellpadding=”10″ cellspacing=”0″ style=”border-collapse: collapse” bordercolor=”#111111″ width=”100%” id=”AutoNumber8″ bgcolor=”#EAECF4″>
<tr>
<td width=”100%”>
<p class=”MsoNormal” style=”line-height:150%” align=”center”>
<span style=”text-transform: uppercase”><font face=”Arial” size=”5″>
Matching <u><i>Your Profile</i></u> With The Appropriate
<font color=”#FF0000″> <b>Scholarship</b></font></font></span></p>
<p class=”MsoNormal” style=”line-height:150%” align=”justify”>
<font face=”Arial”>You do not want to be wasting time looking at a <b>
scholarship</b> which you are not eligible for. This is where matching
technology is so important. The <b>scholarship</b> search service you
use must match your profile with scholarships relevant to your
eligibility and thereby reduce your browsing time. A few simple or
general questions are <u><b>not</b></u> sufficient for a successful
match! You need to take your time in the application process, so look
for a search service that is <u>thorough</u> in its profiling and one
that only produces relevant results with good matches to your profile or
requirements.</font></p>
</td>
</tr>
</table>
<br>
<br>
<p class=”MsoNormal” style=”line-height:150%” align=”left”>
<span style=”text-transform: uppercase”><font face=”Arial” size=”5″>
<img border=”0″ src=”images/hats_off.jpg” align=”left” hspace=”10″ vspace=”10″ width=”300″ height=”200″ alt=”scholarships”>Choose A
<i><u>Regularly</u> Updated</i> WEBSite!</font></span></p>
<p class=”MsoNormal” style=”line-height:150%” align=”justify”>
<font face=”Arial”>It is essential that the service you choose regularly
updates its scholarship information. If the information is not current
then you will be hindered in your search and waste a lot of time looking
at programs that may no longer exist.</font></p>
<p class=”MsoNormal” style=”line-height:150%” align=”justify”>
<font face=”Arial”>Find a search service that is
applicable to the present academic year. You do not want to be chasing
broken links and reading information on something that no longer exists.<br>
</font></p>
<p class=”MsoNormal” style=”line-height:150%” align=”center”>
<span style=”text-transform: uppercase”><font face=”Arial” size=”5″>The
Privacy Policy…</font></span></p>
<p class=”MsoNormal” style=”line-height:150%” align=”justify”>
<font face=”Arial”>In order for the service to achieve an accurate match
it is necessary for you to give personal information which is stored by
the service. Read the privacy policy carefully and do not use a service
that makes money out of selling your information for advertising
purposes. If there is no opt-out clause from your information being
provided to third parties then do not use the service. Always read the
privacy policy to avoid receiving unwanted quantities of spam and to be
sure that the website respects the privacy of your personal information.
The policy should be clearly stated!<br>
</font></p>
<p align=”justify” style=”line-height: 150%”><span style=”font-family: Arial”>
<img border=”0″ src=”images/hat.jpg” align=”left” width=”200″ height=”180″ alt=”scholarships”></span><span style=”text-transform: uppercase”><font face=”Arial” size=”5″>The
Features Of A <i>Smooth Process!</i></font></span></p>
<p align=”justify” style=”line-height: 150%”><span style=”font-family: Arial”>A good service is a
time saving service. It should be possible to save profile information
so it is immediately available for every <b>scholarship</b> search. The
profile section must also allow you to edit and make any changes
necessary should circumstances change.</span></p>
<p align=”justify” style=”line-height: 150%”><span style=”font-family: Arial”>You might decide to attend a
different University or college, your test scores might get better, or
maybe you have re-thought your choice of what you wish to major in. If
you need to begin your profile from the start each time
something changes then you are wasting too much time. Your aim is to
fund your studies and to save time. Find a search service with a
customer-oriented format that respects those needs.</span></p><br><center>
<script type=”text/javascript”><!–
google_ad_client = “pub-6769881904592358”;
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = “728x90_as”;
google_cpa_choice = “CAEQx-mVsgMaCOxA8Y49K3L7KLO16eUBMAA”;
google_ad_channel = “3480222816”;
//–>
</script>
<script type=”text/javascript” src=”
</script></center>
</td>
<td> </td>
</tr>
</table>
</td>
<td width=”62″ align=”right” valign=”top”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse: collapse” bordercolor=”#111111″ width=”24″ id=”AutoNumber5″ background=”images/right.jpg” height=”100%”>
<tr>
<td width=”100%”> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width=”62″ valign=”bottom” height=”60″>
<img border=”0″ src=”images/corner4.jpg” width=”62″ height=”60″></td>
<td valign=”bottom” height=”60″>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse: collapse” bordercolor=”#111111″ width=”100%” id=”AutoNumber2″ height=”24″>
<tr>
<td width=”100%” background=”images/bottom.jpg”> </td>
</tr>
</table>
</td>
<td width=”62″ valign=”bottom” height=”60″>
<p align=”right”>
<img border=”0″ src=”images/corner3.jpg” width=”62″ height=”60″></td>
</tr>
</table>
</body>