Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    Senior Member
    Join Date
    Mar 2004
    Posts
    1,518
    Member #
    5220
    Right, I need one major table that fills up 100% height of the screen. But then, I need this table split into 4 rows:

    The top one: 20px high.
    The 2nd one down: 20px high.
    The bottom one: 30px high.
    The middle one should fill whatever is left.

    Now, here is the code for my page:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>RedNerve Media - Redefining the Web | Professional, Effective &amp; Innovative UK Web Design</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    body,td,th {
     font-family: Verdana;
     font-size: 10px;
     color: #666666;
    }
    body {
     margin-left: 0px;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
    }
    a {
     font-size: 10px;
     color: #000000;
    }
    a:link {
     text-decoration: none;
    }
    a:visited {text-decoration: none;
     color: #000000;
    }
    html, body {height: 100%; margin: 0px;}
    a:hover {
     text-decoration: underline;
     color: #CC0000;
    }
    a:active {
     text-decoration: none;
     color: #CC0000;
    }
    -->
    </style>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>
    <body onLoad="MM_preloadImages('file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_02.jpg','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_04.jpg','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_06.jpg','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_08.jpg','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_10.jpg','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_12.jpg','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_14.jpg','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_16.jpg','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_18.jpg')">
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" >
      <tr>
    	<td height="20px" colspan="2" background="file:///C|/Program Files/Apache Group/Apache2/htdocs/fsfinal/top_slither.jpg">&nbsp;</td>
      </tr>
      <tr>
    	<td width="282" height="60" background="file:///C|/Program Files/Apache Group/Apache2/htdocs/fsfinal/banner3_slither.jpg"><img src="file:///C|/Program%20Files/Apache%20...al/banner3.jpg" width="700" height="60"></td>
    	<td width="895" background="file:///C|/Program Files/Apache Group/Apache2/htdocs/fsfinal/banner3_slither.jpg"><div align="right"><img src="file:///C|/Program%20Files/Apache%20...clickquote.jpg" width="100" height="60"></div></td>
      </tr>
      <tr valign="top">
    	<td height="20" colspan="2"><img src="file:///C|/Program%20Files/Apache%20...nal/nav_01.jpg" width="100%" height="2"><br>
    	<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_02.jpg',1)"><img src="file:///C|/Program%20Files/Apache%20...nal/nav_02.jpg" name="Image4" width="43" height="18" border="0"></a><img src="file:///C|/Program%20Files/Apache%20...nal/nav_03.jpg" width="3" height="18"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_04.jpg',1)"><img src="file:///C|/Program%20Files/Apache%20...nal/nav_04.jpg" name="Image6" width="57" height="18" border="0"></a><img src="file:///C|/Program%20Files/Apache%20...nal/nav_05.jpg" width="3" height="18"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_06.jpg',1)"><img src="file:///C|/Program%20Files/Apache%20...nal/nav_06.jpg" name="Image8" width="56" height="18" border="0"></a><img src="file:///C|/Program%20Files/Apache%20...nal/nav_07.jpg" width="3" height="18"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_08.jpg',1)"><img src="file:///C|/Program%20Files/Apache%20...nal/nav_08.jpg" name="Image10" width="62" height="18" border="0"></a><img src="file:///C|/Program%20Files/Apache%20...nal/nav_09.jpg" width="3" height="18"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_10.jpg',1)"><img src="file:///C|/Program%20Files/Apache%20...nal/nav_10.jpg" name="Image12" width="53" height="18" border="0"></a><img src="file:///C|/Program%20Files/Apache%20...nal/nav_11.jpg" width="3" height="18"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_12.jpg',1)"><img src="file:///C|/Program%20Files/Apache%20...nal/nav_12.jpg" name="Image14" width="56" height="18" border="0"></a><img src="file:///C|/Program%20Files/Apache%20...nal/nav_13.jpg" width="3" height="18"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16','','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_14.jpg',1)"><img src="file:///C|/Program%20Files/Apache%20...nal/nav_14.jpg" name="Image16" width="33" height="18" border="0"></a><img src="file:///C|/Program%20Files/Apache%20...nal/nav_15.jpg" width="3" height="18"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_16.jpg',1)"><img src="file:///C|/Program%20Files/Apache%20...nal/nav_16.jpg" name="Image18" width="105" height="18" border="0"></a><img src="file:///C|/Program%20Files/Apache%20...nal/nav_17.jpg" width="3" height="18"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20','','file:///C|/Program%20Files/Apache%20Group/Apache2/htdocs/fsfinal/nav_roll_18.jpg',1)"><img src="file:///C|/Program%20Files/Apache%20...nal/nav_18.jpg" name="Image20" width="70" height="18" border="0"></a><img src="file:///C|/Program%20Files/Apache%20...nal/nav_19.jpg" width="3" height="18"><img src="file:///C|/Program%20Files/Apache%20...nal/nav_20.jpg" width="441" height="18"><br>
    	<img src="file:///C|/Program%20Files/Apache%20...nal/nav_01.jpg" width="100%" height="2"></td>
      </tr>
      <tr>
    	<td colspan="2">&nbsp;</td>
      </tr>
      <tr>
    	<td height="30" colspan="2" background="file:///C|/Program Files/Apache Group/Apache2/htdocs/fsfinal/bottom_bg.jpg">&nbsp;</td>
      </tr>
    </table>
    </body>
    </html>
    I know there's a lot of code there! And, after adding all the images to my page, it looks like this (see attachment).

    So, how can I sort this out and get it how I want it? I really hope you understand this and have the time to look throught my code and see where I've gone wrong!

    I know this is asking a lot, but you guys have never failed to help me out yet! Thanks in advance, will7.
    Attached Images Attached Images
    Rednerve
    Creative Freelance Design

  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:40 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com