PDA

View Full Version : Help Resizing Layout



CodeWebs
23 Apr 2010, 09:44 PM
my friend made me a layout a few months back and i got arrested and we lost touch, im just now getting around to using it and when i uploaded it i realized that it doesnt take up the whole screen and theres large white areas around it. thats the code below,


<html>
<head>
<title>sofr3sh grunge sliced</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">
<!-- Save for Web Slices (sofr3sh grunge sliced.psd) -->
<table id="Table_01" width="822" height="701" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="15">
<img src="images/index_01.jpg" width="821" height="142" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="142" alt=""></td>
</tr>
<tr>
<td rowspan="7">
<img src="images/index_02.jpg" width="14" height="558" alt=""></td>
<td colspan="3">
<a href="http://codewebs.net">
<img src="images/codewebs.net.jpg" width="268" height="43" border="0" alt=""></a></td>
<td colspan="11">
<img src="images/index_04.jpg" width="539" height="43" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="images/index_05.jpg" width="164" height="515" alt=""></td>
<td>
<a href="home.php">
<img src="images/home.jpg" width="51" height="40" border="0" alt=""></a></td>
<td colspan="2">
<a href="tuts.php">
<img src="images/tuts.jpg" width="86" height="40" border="0" alt=""></a></td>
<td>
<a href="services.php">
<img src="images/services.jpg" width="77" height="40" border="0" alt=""></a></td>
<td colspan="3">
<a href="portfolio.php">
<img src="images/portfolio.jpg" width="87" height="40" border="0" alt=""></a></td>
<td>
<a href="forum">
<img src="images/forum.jpg" width="59" height="40" border="0" alt=""></a></td>
<td colspan="2">
<a href="affiliates.php">
<img src="images/affiliates.jpg" width="93" height="40" border="0" alt=""></a></td>
<td colspan="2">
<a href="contacts.php">
<img src="images/contacts.jpg" width="91" height="40" border="0" alt=""></a></td>
<td rowspan="6">
<img src="images/index_13.jpg" width="99" height="515" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td colspan="12">
<img src="images/index_14.jpg" width="544" height="34" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td colspan="9" rowspan="2">
<img src="images/index_15.jpg" width="445" height="411" alt=""></td>
<td colspan="2">
<a href="updates.php">
<img src="images/updates.jpg" width="42" height="14" border="0" alt=""></a></td>
<td rowspan="4">
<img src="images/index_17.jpg" width="57" height="441" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3">
<img src="images/index_18.jpg" width="42" height="427" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="397" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="2">
<img src="images/index_19.jpg" width="220" height="30" alt=""></td>
<td>
<a href="http://codewebs.net">
<img src="images/codewebs.jpg" width="54" height="7" border="0" alt=""></a></td>
<td colspan="3" rowspan="2">
<img src="images/index_21.jpg" width="171" height="30" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_22.jpg" width="54" height="23" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="164" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="51" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="53" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="33" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="77" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="54" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="27" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="59" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="85" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="57" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="99" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

Corrosive
25 Apr 2010, 03:44 AM
I'm afraid your friend has done you a bit of a disservice with the page build. You're going to find it hard to resize that as it is exported straight from a Photoshop design rather than being re-coded as a usable web page.

As an experiment you could try changing
<table id="Table_01" width="822" to say
width="100%" but I think it will 'break' the page.