hallo ich habe einen HTML Code und brauche css bitte kann mir jemand den code umwndeln oder einfach das design in css nachbauen (das design ist von mir)
der Code
<HTML>
<HEAD>
<meta http-equiv="Content-Language" content="en-us">
<TITLE>Ein HP-G HTML Template,
www.homepage-grafiken.de</TITLE>
<meta name="description" content="Geben Sie hier eine Beschreibung Ihres Angebotes ein. Maximal 200 Zeichen.">
<meta name="keywords" content="Geben Sie hier die Schlüsselwörter ein, unter denen Ihre Homepage bei den Suchmaschinen gefunden werden soll. 20 Begriffe reichen">
<meta name="robots" content="index, follow">
<meta name="language" content="deutsch, de">
<meta name="author" content="HP-G |
www.homepage-grafiken.de">
<meta name="publisher" content="HP-G |
www.homepage-grafiken.de">
<meta name="distribution" content="global">
<meta name="audience" Content="all">
<meta http-equiv=reply-to content="ihremailadresse@ihrehomepage.de">
<link rev="made" content="mailto:ihremailadresse@ihrehomepage.de">
<link href="style.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE WIDTH=766 BORDER=0 CELLPADDING=0 CELLSPACING=0 align=center>
<TR>
<TD ROWSPAN=5>
<IMG SRC="images/index_01.jpg" WIDTH=21 HEIGHT=800 ALT=""></TD>
<TD>
<IMG SRC="images/index_02.jpg" WIDTH=210 HEIGHT=116 ALT=""></TD>
<TD align="center" background="images/index_03.jpg" width="104" height="116">
<table border="0" width="64%" id="table1" cellspacing="0" cellpadding="0" height="29">
<tr>
<td align="left" valign="bottom">
<a class="topmenu" href="angebote.html">Angebote</a></td>
</tr>
</table>
</TD>
<TD background="images/index_04.jpg" align="center" width="102" height="116">
<table border="0" width="64%" id="table2" cellspacing="0" cellpadding="0" height="23">
<tr>
<td align="left" valign="bottom">
<a class="topmenu" href="Überuns.html">Über uns</a></td>
</tr>
</table>
</TD>
<TD background="images/index_05.jpg" align="center" width="101" height="116">
<table border="0" width="62%" id="table3" cellspacing="0" cellpadding="0" height="24">
<tr>
<td align="left" valign="bottom">
<a class="topmenu" href="kontakt.html">Kontakt</a></td>
</tr>
</table>
</TD>
<TD background="images/index_06.jpg" align="center" width="101" height="116">
<table border="0" width="62%" id="table4" cellspacing="0" cellpadding="0" height="21">
<tr>
<td align="left" valign="bottom">
<a class="topmenu" href="impressum.html">Impressum</a></td>
</tr>
</table>
</TD>
<TD background="images/index_07.jpg" align="center" width="102" height="116">
<table border="0" width="63%" id="table5" cellspacing="0" cellpadding="0" height="22">
<tr>
<td align="left" valign="bottom"> <a class="topmenu" href="startseite.html">Startseite</a></td>
</tr>
</table>
</TD>
<TD ROWSPAN=5>
<IMG SRC="images/index_08.jpg" WIDTH=25 HEIGHT=800 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=6>
<IMG SRC="images/index_09.jpg" WIDTH=720 HEIGHT=255 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=6>
<IMG SRC="images/index_10.jpg" WIDTH=720 HEIGHT=8 ALT=""></TD>
</TR>
<TR>
<TD background="images/bg1.jpg" align="center" width="210" height="350" valign="top">
<table border="0" width="87%" id="table8" cellspacing="0">
<tr>
<td colspan="4" class="toptext">SELECTED CLUBS</td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td width="7%" colspan="2">
<img border="0" src="images/symbol.jpg" width="7" height="7"></td>
<td width="122" colspan="2">Rubrik<span lang="DE" style="font-size: 10.0pt; font-family: Verdana">/Artikel
1</span></td>
</tr>
<tr>
<td width="7%" colspan="2">
<img border="0" src="images/symbol.jpg" width="7" height="7"></td>
<td width="122" colspan="2">Rubrik<span lang="DE" style="font-size: 10.0pt; font-family: Verdana">/Artikel
2</span></td>
</tr>
<tr>
<td colspan="2">
<img border="0" src="images/symbol.jpg" width="7" height="7"></td>
<td colspan="2">Rubrik<span lang="DE" style="font-size: 10.0pt; font-family: Verdana">/Artikel
3</span></td>
</tr>
<tr>
<td colspan="2">
<img border="0" src="images/symbol.jpg" width="7" height="7"></td>
<td colspan="2">Rubrik<span lang="DE" style="font-size: 10.0pt; font-family: Verdana">/Artikel
4</span></td>
</tr>
<tr>
<td colspan="2">
<img border="0" src="images/symbol.jpg" width="7" height="7"></td>
<td colspan="2">Rubrik<span lang="DE" style="font-size: 10.0pt; font-family: Verdana">/Artikel
5</span></td>
</tr>
<tr>
<td colspan="2" height="16">
<img border="0" src="images/symbol.jpg" width="7" height="7"></td>
<td colspan="2" height="16">Rubrik<span lang="DE" style="font-size: 10.0pt; font-family: Verdana">/Artikel
6</span></td>
</tr>
<tr>
<td colspan="2">
<img border="0" src="images/symbol.jpg" width="7" height="7"></td>
<td colspan="2">Rubrik<span lang="DE" style="font-size: 10.0pt; font-family: Verdana">/Artikel
7</span></td>
</tr>
<tr>
<td colspan="2">
<img border="0" src="images/symbol.jpg" width="7" height="7"></td>
<td colspan="2">Rubrik<span lang="DE" style="font-size: 10.0pt; font-family: Verdana">/Artikel
8</span></td>
</tr>
<tr>
<td colspan="2">
<img border="0" src="images/symbol.jpg" width="7" height="7"></td>
<td colspan="2">Rubrik<span lang="DE" style="font-size: 10.0pt; font-family: Verdana">/Artikel
9</span></td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2">
<img border="0" src="images/symbol.jpg" width="7" height="7"></td>
<td colspan="2"><b><font color="#167005">Rubrik<span lang="DE" style="font-size: 10.0pt; font-family: Verdana">/Artikel
9</span></font></b></td>
</tr>
<tr>
<td colspan="2">
<img border="0" src="images/symbol.jpg" width="7" height="7"></td>
<td colspan="2"><b><font color="#167005">Rubrik<span lang="DE" style="font-size: 10.0pt; font-family: Verdana">/Artikel
9</span></font></b></td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td height="37"> </td>
<td colspan="2" height="37">user name</td>
<td width="58%" height="37">
<input type="text" name="T2" size="13" style="font-family: tahoma; border: 1px solid #204566"></td>
</tr>
<tr>
<td height="31"> </td>
<td colspan="2" height="31">password</td>
<td width="58%" height="31">
<input type="text" name="T3" size="13" style="font-family: tahoma; border: 1px solid #204566"></td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
<td width="58%">
<img border="0" src="images/submit.jpg" width="72" height="26"></td>
</tr>
</table>
</TD>
<TD COLSPAN=5 background="images/bg2.jpg" width="510" height="350" align="center" valign="top">
<table border="0" width="97%" id="table6" cellspacing="0" cellpadding="0" height="52">
<tr>
<td class="boldtext">Angebote</td>
<td width="134" align="right" rowspan="2">
<img border="0" src="../../../17-05-06/work/temp_6/images/image1.jpg" width="118" height="134"></td>
</tr>
<tr>
<td height="91">Dieses ist lediglich ein Text zu Demonstrationszwecken. Die
Formatierung ( Erscheinungsbild ) des Textes in dieser
Vorlage wird durch eine externe CSS Datei gesteuert. Diese
befindet sich meistens im Unterordner „images“ der Vorlage
und hat die Datei endung“.css“ . Sie können alle
Textelemente durch Ihre eigenen Texte ersetzen. Das
Verhalten und Erscheinungsbild </td>
</tr>
<tr>
<td height="91" colspan="2">eses ist lediglich ein Text zu Demonstrationszwecken. Die
Formatierung ( Erscheinungsbild ) des Textes in dieser
Vorlage wird durch eine externe CSS Datei gesteuert. Diese
befindet sich meistens im Unterordner „images“ der Vorlage
und hat die Datei endung“.css“ . Sie können alle
Textelemente durch Ihre eigenen Texte ersetzen. Das
Verhalten und Erscheinungsbild
<p>eses ist lediglich ein Text zu Demonstrationszwecken. Die
Formatierung ( Erscheinungsbild ) des Textes in dieser
Vorlage wird durch eine externe CSS Datei gesteuert. Diese
befindet sich meistens im Unterordner „images“ der Vorlage
und hat die Datei endung“.css“ . Sie können alle
Textelemente durch Ihre eigenen Texte ersetzen. Das
Verhalten und Erscheinungsbild </p>
<p>eses ist lediglich ein Text zu Demonstrationszwecken. Die
Formatierung ( Erscheinungsbild ) des Textes in dieser
Vorlage wird durch eine externe CSS Datei gesteuert. Diese
befindet sich meistens im Unterordner „images“ der Vorlage
und hat die Datei endung“.css“ . Sie können alle
Textelemente durch Ihre eigenen Texte ersetzen. Das
Verhalten und Erscheinungsbild </td>
</tr>
</table>
</TD>
</TR>
<TR>
<TD COLSPAN=6 background="images/index_15.jpg" align="center" width="720" height="71">
<table border="0" width="94%" id="table10" cellspacing="0" cellpadding="0">
<tr>
<td width="260">
<a href="http://www.homepage-grafiken.de">
<img border="0" src="images/logo.jpg" width="80" height="28"></a></td>
<td>Copyright © 2006 Feesible, Inc. Privacy policy</td>
</tr>
</table>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
danke im vorraus