hi..
i'm a beginner in html..
and i asked a friend to write me a html/css page as template,
then i was supposed to play around with colors and fonts and every thing,
he did actually, but the thing is.. i'm 100% sure that when he wrote this, he was high as &%*censored*%$

there's a lot of <div>s and <id>s and more...
i also tried to edit it in every browser extension i have but i didn't get the proper results
i keep PMing him to make the code readable but he keeps ignoring me..

please i really need this ..
one more thing: if you could just make every thing at the center of the page that would be great.

index.html
HTML Code:
<!DOCTYPE HTML>
<html>
<head>
<title>title</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="default.css" />
</head>
<body bgColor="#003300">
<div id="text1" style="position:absolute; overflow:hidden; top:-12px; width:1145px; height:55px; z-index:0; background-color:#993300">
<div class="keit">
<div><font color="#0000FF" face="Euphemia" class="ke12"><BR></font></div>
<div><font color="#0000FF" face="Euphemia">&nbsp; News&nbsp;&nbsp;&nbsp;&nbsp; -&nbsp;&nbsp;&nbsp;&nbsp; FAQ&nbsp;&nbsp;&nbsp;&nbsp; -&nbsp;&nbsp;&nbsp;&nbsp; Developer&nbsp;&nbsp;&nbsp;&nbsp; -&nbsp;&nbsp;&nbsp;&nbsp; Contact</font></div>
</div></div>

<div id="text2" style="position:absolute; overflow:hidden; top:89px; width:580px; height:193px; z-index:1">
<div class="keit">
<div align=center><font color="#FFFF00" face="Euphemia" class="ke48">title</font></div>
<div align=center><font color="#FFFF00" face="Euphemia" class="ke9">provided for you securily and ads free</font></div>
</div></div>

<div id="text3" style="position:absolute; overflow:hidden; top:226px; width:999px; height:31px; z-index:2">
<div class="keit">
<div><font color="#FF00FF" face="Euphemia" class="ke12">- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -</font></div>
</div></div>

<input name="link" type="text" style="position:absolute;width:493px;top:284px;z-index:3">
<div id="text4" style="position:absolute; overflow:hidden; top:346px; width:999px; height:31px; z-index:4">
<div class="keit">
<div><font color="#FF00FF" face="Euphemia" class="ke12">- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -</font></div>
</div></div>

<input name="formtext2" type="text" style="position:absolute;width:493px;top:447px;z-index:5">
<div id="formradio1" style="position:absolute; top:427px; z-index:6"><input type="radio" name="formradio1" checked></div>
<div id="text5" style="position:absolute; overflow:hidden; top:428px; width:491px; height:26px; z-index:7">
<div class="keit">
<div><font color="#99CC00" face="Euphemia"><I>(should be 3 charecters long at least)</I></font></div>
</div></div>

<div id="formradio2" style="position:absolute; top:563px; z-index:8"><input type="radio" name="formradio1"></div>
<div id="text6" style="position:absolute; overflow:hidden; top:564px; width:510px; height:26px; z-index:9">
<div class="keit">
<div><font color="#99CC00" face="Euphemia"><I>or select what type of characters</I></font></div>
</div></div>

<select name="6hh66hh6" style="position:absolute;top:584px;width:493px;z-index:10">
<option value="numbers">numbers</option>
<option value="letters">letters</option>
</select>
<div id="text7" style="position:absolute; overflow:hidden; top:688px; width:999px; height:26px; z-index:11">
<div class="keit">
<div><font color="#FF00FF" face="Euphemia" class="ke12">- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -</font></div>
</div></div>

<div id="text8" style="position:absolute; overflow:hidden; top:684px; width:217px; height:26px; z-index:12">
<div class="keit">
<div><font color="#99CC00" face="Euphemia" class="ke9"><I>one click below</I></font></div>
</div></div>

<input name="formbutton1" type="submit" style="position:absolute;top:719px;z-index:13">
<div id="text9" style="position:absolute; overflow:hidden; left:0px; top:999px; width:1145px; height:245px; z-index:14; background-color:#993300">
<div class="keit">
<div align=right><font color="#0000FF" face="Euphemia" class="ke9"><B><BR></B></font></div>
<div align=right><font color="#0000FF" face="Euphemia" class="ke9"><B><BR></B></font></div>
<div align=right><font color="#0000FF" face="Euphemia" class="ke9"><B><BR></B></font></div>
<div align=right><font color="#0000FF" face="Euphemia" class="ke9"><B><BR></B></font></div>
<div align=right><font color="#0000FF" face="Euphemia" class="ke9"><B><BR></B></font></div>
<div align=right><font color="#0000FF" face="Euphemia" class="ke9"><B><BR></B></font></div>
<div align=right><font color="#0000FF" face="Euphemia" class="ke9"><B><BR></B></font></div>
<div align=right><font color="#0000FF" face="Euphemia" class="ke9"><B><BR></B></font></div>
<div align=right><font color="#0000FF" face="Euphemia" class="ke9"><B><BR></B></font></div>
<div align=right><font color="#0000FF" face="Euphemia" class="ke9"><B><BR></B></font></div>
<div align=right><font color="#0000FF" face="Euphemia" class="ke9"><B><BR></B></font></div>
<div align=right><font color="#0000FF" face="Euphemia" class="ke9"><B><BR></B></font></div>
<div align=right><font color="#0000FF" face="Euphemia" class="ke9"><B>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Personal Site&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; code&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  plus&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </B></font></div>
</div></div>

<div id="text10" style="position:absolute; overflow:hidden; left:195px; top:1035px; width:785px; height:90px; z-index:15">
<div class="keit">
<div><font face="Euphemia" class="ke48"><I>your copy rights here</I></font></div>
</div></div>

<div id="text11" style="position:absolute; overflow:hidden; left:590px; top:1158px; width:533px; height:41px; z-index:16">
<div class="keit">
<div><font face="Euphemia"><B>footerline1</B></font></div>
<div><font face="Euphemia"><B>footerline2</B></font></div>
<div><font face="Euphemia"><B><BR></B></font></div>
<div><font face="Euphemia"><B><BR></B></font></div>
</div></div>
</body>
</html>

default.css
HTML Code:
<style type="text/css">
/*----------Text Styles----------*/
.ke6 {font-size: 8px;}
.ke7 {font-size: 9.3px;}
.ke8 {font-size: 11px;}
.ke9 {font-size: 12px;}
.ke10 {font-size: 13px;}
.ke11 {font-size: 15px;}
.ke12 {font-size: 16px;}
.ke14 {font-size: 19px;}
.ke16 {font-size: 21px;}
.ke18 {font-size: 24px;}
.ke20 {font-size: 27px;}
.ke22 {font-size: 29px;}
.ke24 {font-size: 32px;}
.ke26 {font-size: 35px;}
.ke28 {font-size: 37px;}
.ke36 {font-size: 48px;}
.ke48 {font-size: 64px;}
.ke72 {font-size: 96px;}
.keit {font-size: 13px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style>

P.S: please don't bother change any styling (other than centering all the contents), just simplify the html and the css..


Anna K.