HTML Forum

**TBLTK** · 07:47 AM

When ever i resize the content cell in the middle, it resizes the cell with the links and the cells with the picture of adds on wither size of it. Why is that? It is really annoying.

HTML Code:

<html>
<head>
<style type="text/css">
<!--
.class1 A:link {
	text-decoration: underline;
	color: #ffffff;
	font-weight:bolder;
}
.class1 A:visited {
	text-decoration: underline;
	color: #ffffff;
	font-weight:bolder;
	
}
.class1 A:active {
	text-decoration: underline;
	color: #999999;
	font-weight:bolder;
}
.class1 A:hover {
	text-decoration: underline;
	color: #999999;
}

.bigbox {
	border-width:1px; border-style:solid; border-color:#000000;
}

.sides {
border-left-width:1px; border-left-width:1px; border-style:solid; border-color:#000000;
}

#Table_01 td {
}
.boxes {
	padding: 10px;border-width:1px; border-style:solid; border-color:#000000;
}
.nav {
	padding-left: 10px;
	margin-left: 10px;
}
.style1 {color: #FFFFFF}
.navlinks { text-indent:10px;
}
-->
</style>
<title>redline</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (redline.psd) -->
<div align="center">
  <!-- End ImageReady Slices -->
  <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td valign="middle"><table width="831" height="639" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
        <tr>
          <td colspan="8" background="http://www.webmaster-talk.com/images/redline2_01.gif"><div align="center"><img src="http://www.webmaster-talk.com/images/logo.gif" width="494" height="112"></div></td>
          <td><img src="http://www.webmaster-talk.com/images/spacer.gif" width="1" height="112" alt=""></td>
        </tr>
        <tr>
          <td colspan="8" background="http://www.webmaster-talk.com/images/redline2_02.gif">&nbsp;</td>
          <td><img src="http://www.webmaster-talk.com/images/spacer.gif" width="1" height="13" alt=""></td>
        </tr>
        <tr>
          <td rowspan="4" background="http://www.webmaster-talk.com/images/redline2_05.gif">&nbsp;</td>
         
<td background="http://www.webmaster-talk.com/images/redline2_04.gif" bgcolor="#FFFFFF"><div align="center" class="style1">Navigation</div></td>
          <td rowspan="4" background="http://www.webmaster-talk.com/images/redline2_05.gif">&nbsp;</td>
          <td background="http://www.webmaster-talk.com/images/redline2_06.gif"><div align="center" class="style1">Home</div></td>
          <td colspan="2" background="http://www.webmaster-talk.com/images/redline2_07.gif">&nbsp;</td>
          <td background="http://www.webmaster-talk.com/images/redline2_04.gif"><div align="center" class="style1">Advertisements</div></td>
          <td rowspan="4" background="http://www.webmaster-talk.com/images/redline2_09.gif">&nbsp;</td>
          <td><img src="http://www.webmaster-talk.com/images/spacer.gif" width="1" height="34" alt=""></td>
        </tr>
        <tr>
          <td bgcolor="#5E5E5E" class="boxes"><p class="class1"><a href="#">Link 1</a></p>
            <p class="class1"><a href="#">Link 2</a></p>
            <p class="class1"><a href="#">Link 3</a></p>
            <p class="class1"><a href="#">Link 4</a></p>
            <p class="class1"><a href="#">Link 5</a></p>
            <p class="class1"><a href="#">Link 6</a></p>
            <p class="class1"><a href="#">Link 7 </a></p></td>
          <td colspan="2" rowspan="2" valign="top" bgcolor="#5E5E5E" class="boxes"><p align="justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec id sem ut   libero scelerisque dictum. Suspendisse molestie venenatis turpis. In   pellentesque. Vivamus suscipit. Fusce at justo in sem tristique tempor. Mauris   sit amet metus. Fusce accumsan metus eget quam. Mauris dapibus dictum justo.   Mauris neque metus, sodales ut, luctus non, ullamcorper eu, ante. Nulla pede. Ut   tincidunt facilisis est. Ut cursus dignissim orci. </p>
            <p align="justify">O fortuna, velut luna statu variabilis, semper crescis aut   descrescis; vita detestabilis nunc obdurat et tunc curatludo mentis   aciem, egestatem, potestatem dissolvit ut glaciem. </p>
            <p align="justify">Nunc tellus erat, venenatis sit amet, malesuada luctus, cursus sit amet,   erat. Suspendisse tortor ligula, facilisis id, molestie facilisis, consectetuer   sit amet, erat. Nunc quis quam a turpis volutpat consectetuer. Praesent quis   ipsum. Cras risus. Pellentesque mauris nulla, lacinia id, laoreet non, gravida   at, lorem. Aliquam egestas. Curabitur vel nibh. Fusce ut dolor. Curabitur   imperdiet mollis nunc. Donec tellus diam, sollicitudin eu, mollis semper,   condimentum vitae, velit. Quisque ut lacus in lectus sodales fringilla. Integer   eu purus. Aliquam mauris sem, porta at, dignissim non, aliquam ac, lectus. Etiam   id lorem. Integer sed nisi. Aenean ut ligula. </p>
            </td>
          <td rowspan="3" background="http://www.webmaster-talk.com/images/redline2_12.gif">&nbsp;</td>
          <td bgcolor="#5E5E5E" class="boxes"><div align="center"><img src="http://www.webmaster-talk.com/images/adds.png" width="120" height="240"></div></td>
          <td><img src="http://www.webmaster-talk.com/images/spacer.gif" width="1" height="222" alt=""></td>
        </tr>
        <tr>
          <td rowspan="2" background="http://www.webmaster-talk.com/images/redline2_02.gif">&nbsp;</td>
          <td rowspan="2" background="http://www.webmaster-talk.com/images/redline2_15.gif">&nbsp;</td>
          <td height="165"><img src="http://www.webmaster-talk.com/images/spacer.gif" width="1" height="56" alt=""></td>
        </tr>
        <tr>
          <td colspan="2" bgcolor="#6B6B6B">&nbsp;</td>
          <td><img src="http://www.webmaster-talk.com/images/spacer.gif" width="1" height="14" alt=""></td>
        </tr>
        <tr>
          <td colspan="8" background="http://www.webmaster-talk.com/images/redline2_17.gif"><div align="center"><span class="style1">&copy;2006 Lorum Ipsum. All rights reserved. Site best viewed in screen resolutions 830*640 or higher </span></div></td>
          <td><img src="http://www.webmaster-talk.com/images/spacer.gif" width="1" height="27" alt=""></td>
        </tr>
        <tr>
          <td><img src="http://www.webmaster-talk.com/images/spacer.gif" width="15" height="1" alt=""></td>
          <td><img src="http://www.webmaster-talk.com/images/spacer.gif" width="153" height="1" alt=""></td>
          <td><img src="http://www.webmaster-talk.com/images/spacer.gif" width="16" height="1" alt=""></td>
          <td><img src="http://www.webmaster-talk.com/images/spacer.gif" width="463" height="1" alt=""></td>
          <td><img src="http://www.webmaster-talk.com/images/spacer.gif" width="1" height="1" alt=""></td>
          <td><img src="http://www.webmaster-talk.com/images/spacer.gif" width="14" height="1" alt=""></td>
          <td><img src="http://www.webmaster-talk.com/images/spacer.gif" width="153" height="1" alt=""></td>
          <td><img src="http://www.webmaster-talk.com/images/spacer.gif" width="15" height="1" alt=""></td>
          <td></td>
        </tr>
      </table>
      s</td>
    </tr>
  </table>
</div>
</body>
</html>

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!