HTML Forum

**allan16** · 07-27-2007, 11:35 PM

Hello,

Please take a look at the following picture.

http://img53.imageshack.us/my.php?image=pictureko6.jpg

I need to add that row that is showing up with the black lines since I am will be having some text there.
I have tried several times but it is not letting me do it.

I would appreciate some help on this.

Thanks!

**vangogh** · 07-28-2007, 03:08 AM

Hi Allan. I'll be gald to help, but could I ask you to post the code you have so far. I'm assuming the page isn't online anywhere, but if it is a link to the page would be fine.

If I could see the table structure you currently have it will help to let you know the easiest way to add the row you want.

**allan16** · 07-28-2007, 12:54 PM

hey vangogh,

thanks for the help.
Here is the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
</head>

<body>

<table width="876" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="236" height="103" valign="top"><img src="images/logo.jpg" width="236" height="103" /> </td>
<td width="640" height="103" valign="top"><img src="images/banner.jpg" width="640" height="103" /></td>
</tr>
</table>

<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17%" bgcolor="#FFFFFF"> </td>
<td width="83%" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td height="353" bgcolor="#FFFFFF"><img src="images/menu.jpg" width="145" height="339" border="0" align="top" usemap="#Map" /><br> <br></td>
<td bgcolor="#FFFFFF">
</tr>
<tr>
<td height="19" bgcolor="#CCCCCC"> </td>
<td bgcolor="#CCCCCC"><div align="center" class="style1">
<div align="center"><a href="Home.html">Home</a> - <a href="Land.html">Land</a> - <a href="Apartments.html">Apartments</a> - <a href="Houses.html">Houses</a> - <a href="Contact us.html">Contact us</a> </div>
</table>

<map name="Map" id="Map"><area shape="rect" coords="12,26,121,45" href="Home.html" />
<area shape="rect" coords="13,59,122,77" href="Land.html" />
<area shape="rect" coords="12,95,137,113" href="Apartments.html" />
<area shape="rect" coords="11,130,126,147" href="Houses.html" />
<area shape="rect" coords="13,165,133,182" href="Contact us.html" />
</map></body>
</html>

Thanks!

**vangogh** · 07-29-2007, 01:42 PM

I think the best thing is to redo the the overall structure of the tables for the code. Here's what I came up with.

HTML Code:

<table>
 <tr>
  <td colspan="2">header</td>
 </tr>
 <tr>
  <td>
   <table>
    <tr>
     <td>menu</td>
    </tr>
   </table>
  </td>
  <td>
   <table>
    <tr>
     <td>left column bottom</td>
     <td>right column bottom</td>
    </tr>
    <tr>
     <td>left column bottom</td>
     <td>right column bottom</td>
    </tr>
    <tr>
     <td>left column bottom</td>
     <td>right column bottom</td>
    </tr>
   </table>
  </td>
 </tr>
 <tr>
  <td colspan="2">footer</td>
 </tr>
</table>

I didn't include everything inside the tables, but I did add text for you to see where everything should fo in your layout.

What I did was create one container table. The first row in the table is the header and the third row is the footer. Each of these rows has one cell that spans two columns.

In the 2nd row of the overall table I have two cells and each cell contains a table. The left cell is a table that will hold your menu and the right table is now one with 3 rows of two cells each.

I hope this makes sense. Let me know if this works. If not I'll be happy to try to help more.

**allan16** · 07-29-2007, 08:08 PM

Thanks a lot!
I will give it a try 2night and let you know how this goes!

Thanks again

**vangogh** · 07-29-2007, 08:59 PM

Glad to help. I hope it works for you, but do feel free to ask again if you need more help.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!