I am not very good at explaining things so please bear with me. Here I have edited the page as I would like it to be. If you compare this code with the original one that I posted above you will notice that I erased a good portion of the page. If you look well at the page you will notice that it is visually divided in two. There is the top part which I want and than there is the bottom part which I do not want. So I deleted the bottom part and I wanted to have in that area a div box that would not distort the page.
Code:
<HTML>
<HEAD>
<TITLE>hacking</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
td {
vertical-align: top;
font-family:Tahoma;
font-size:9px;
color:8d8d8d;
}
a {
text-decoration: none;
}
a.1 {
text-decoration: none;
color: 000000;
}
.t11 {
font-family: Tahoma;
font-size: 11px;
font-style: normal;
}
body {margin:0px;padding:0px}
-->
</style>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 background="images/bg.jpg">
<!-- ImageReady Slices (01 games.psd - Slices: 02, 04, 05, bottom, left, right) -->
<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0 align="center" background="images/bg_tabl.jpg" style="background-position:center top; background-repeat:repeat-y ">
<TR>
<TD width="50%" height="660" ROWSPAN=3 valign="top" background="images/.jpg" style="background-position:top right; background-repeat:repeat-x ">
<TABLE WIDTH="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD WIDTH="50%" height="660" valign="top" background="images/left.jpg" style="background-position:top right; background-repeat:no-repeat ">
<img src="images/spacer.gif" width="1" height="1">
</TD>
</TR>
</TABLE>
</TD>
<TD COLSPAN=2 valign="top" WIDTH=646 HEIGHT=259 ALT="">
<TABLE WIDTH=646 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/t.jpg" WIDTH=646 HEIGHT=45 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/t1.jpg" WIDTH=29 HEIGHT=182 ALT=""></TD>
<TD ROWSPAN=2>
<IMG SRC="images/top.jpg" WIDTH=217 HEIGHT=182 ALT=""></TD>
<TD COLSPAN=3>
<IMG SRC="images/menu.jpg" ALT="" WIDTH=400 HEIGHT=49 border="0" usemap="#Map"></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/t2.jpg" WIDTH=71 HEIGHT=133 ALT=""></TD>
<TD background="images/t3.jpg" WIDTH=144 HEIGHT=133 ALT="" valign="top">
<div style="padding-left:10px; padding-top:8px; color: #acacac;"><strong>pages</strong></div>
<div style="padding-left:10px; padding-top:16px; color: #8d8d8d;"><a href="#" style="color:8d8d8d ">tutorials</a></div>
<div style="padding-left:10px; padding-top:8px; color: #8d8d8d;"><a href="#" style="color:8d8d8d ">blog</a></div>
<div style="padding-left:10px; padding-top:8px; color: #8d8d8d;"><a href="#" style="color:8d8d8d ">shoutbox</a></div>
<div style="padding-left:10px; padding-top:8px; color: #8d8d8d;"><a href="#" style="color:8d8d8d ">websites</a></div>
<div style="padding-left:10px; padding-top:8px; color: #8d8d8d;"><a href="#" style="color:8d8d8d ">forum</a></div>
</TD>
<TD background="images/t4.jpg" WIDTH=185 HEIGHT=133 ALT="" valign="top">
<div style="padding-left:10px; padding-top:10px "><strong>Welcome</strong> visitors
<br>I have just started building this site
<br>you are welcome to give me feedback
<br>This site is going to be about
<br><br><br><strong>Hacking</strong> yeah
<br>maybe some linux too
<br>maybe a lot of linux
<br>it depends on how I feel
</div> </TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/t5.jpg" WIDTH=646 HEIGHT=32 ALT=""></TD>
</TR>
</TABLE>
</TD>
<TD width="50%" ROWSPAN=3 background="images/.jpg" style="background-position:top left; background-repeat:repeat-x " valign="top">
<TABLE WIDTH="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD WIDTH="50%" height="660" valign="top" background="images/right.jpg" style="background-position:top left; background-repeat:no-repeat ">
<img src="images/spacer.gif" width="1" height="1">
</TD>
</TR>
</TABLE></TD>
</TR>
<!--Here I would like to have a div box. I have erased most of the stuff that was here because I just want one huge div box but now that I erased I "broke" the page. The above part is going to shift left. So that is what I need help with. -->
<!-- End ImageReady Slices -->
<map name="Map">
<area shape="rect" coords="82,5,129,28" href="index.html">
<area shape="rect" coords="138,5,185,28" href="index-1.html">
<area shape="rect" coords="193,5,240,28" href="index-2.html">
<area shape="rect" coords="249,7,296,30" href="index-3.html">
<area shape="rect" coords="307,6,354,29" href="index-4.html">
</map>
<map name="Map2">
<area shape="rect" coords="224,6,252,20" href="#">
</map>
<map name="Map3">
<area shape="rect" coords="226,5,255,19" href="#">
</map>
</BODY>
</HTML>