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,

Code:

<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

Code:

<table id="Table_01" width="822"

to say

Code:

width="100%"

but I think it will 'break' the page.

Thread: Help Resizing Layout

Thread Tools

Help Resizing Layout

Similar Threads

CSS Scripting Layout Specification

Posting Permissions