HTML Forum

**TBLTK** · 11-03-2005, 01:23 AM

Hi I made a layout from a tutorial. They showed how to make the layout but not how to code it. It's ment to look like this: http://www.zachmb.com/layouts/pro1/
My code is

Code:

<html>
<head>
<title>layout.png</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--Fireworks MX 2004 Dreamweaver MX 2004 target.  Created Wed Nov 02 21:44:40 GMT+1100 (AUS Eastern Standard Time) 2005-->
<style type="text/css">
<!--
body {
	background-color: #E5E5E5;
}
-->
</style></head>
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<!-- fwtable fwsrc="layout.png" fwbase="layout.png" fwstyle="Dreamweaver" fwdocid = "167202486" fwnested="0" -->
  <tr>
   <td><img src="images/spacer.gif" width="105" height="1" border="0" alt=""></td>
   <td colspan="2"><img src="images/spacer.gif" width="126" height="1" border="0" alt=""></td>
   <td width="191"><img src="images/spacer.gif" width="191" height="1" border="0" alt=""></td>
   <td><img src="images/spacer.gif" width="273" height="1" border="0" alt=""></td>
   <td><img src="images/spacer.gif" width="105" height="1" border="0" alt=""></td>
   <td width="1"><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
  </tr>

  <tr>
   <td rowspan="2" background="images/layout_r1_c1.png" width="105" height="100%" border="0" alt=""></td>
   <td colspan="3"> <img src="images/layout_r1_c2.png" height="103" border="0" alt=""></td>
   <td background="images/layout_r1_c4.png" width="273" height="100%" border="0" alt=""></td>
   <td rowspan="2" background="images/layout_r1_c5.png" width="105" height="600" border="0" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="103" border="0" alt=""></td>
  </tr>
  <tr>
   <td background="images/layout_r2_c2.png" width="14" height="100%" border="0" alt=""></td>
   <td background="images/layout_r2_c2.png" width="112" border="0" alt="" valign="top"><p><strong>NAVIGATION</strong></p>
    <p>&nbsp;</p></td>
   <td colspan="2" background="images/layout_r2_c3.png" height="100%" border="0" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="497" border="0" alt=""></td>
  </tr>
</table>
</body>
</html>

**DianeD** · 11-03-2005, 09:10 AM

Hi TBLTK,
Well, right off I could see that you didn't use any of the CSS coding that was in the example.

What I would recommend is that you go back to the example page and look at the code between the <style></style>. You can do this by right-clicking and View Source. You'll see how they actually coded that. Then go back and look at yours. See the difference? You didn't utilize any of the styles.

For some help on using CSS to create that same look (a liquid 2-column layout with a header at the top), check out this tutorial. The coding will be cleaner and you won't need to use tables.

Good luck,
DianeD

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!