JamesCliff
Programmer
Hi guys,
I recently recieved help from a member of this forum on css. I am working on this on another project. However with my current project im having a few problems.
Ive set up my site using tables to expand in width and height. So the site is fluid.
I have a main content box in the middle of the site and a nav bar on the left hand side. My problem is..... when the content box expands down the page when data is entered into it. The nav bar boxes also expand down the page. I dont want this to happen. I want it so the content boxes are comepletlyl sepereate from the nav bar boxes, so that the content box has no effect on the nav bar what so ever. I want the content box to be full of content and expanded down the page yet the nav bar box and info box on the nav bar stay 1 line in height as they have no content in, yet the affiliates nav bar box can expand down the page with the content box. However at the minute the nav bar box and info box on the nav bar expand with the content box which i dont want. I want just the affilates box to do this.
Also i have another problem. When i add the content to the content box it expands. However above and below the infomation box on the nav bar white gaps appear and i cant understand howto fix this so it is all joined as it should be.
These problems must be able to be fixed with the right level of experience.
This is my URL, and you can see what i mean:
My code for the page is below:
Any help on these issues would be greatly appriciated.
Thanks alot
Jim
I recently recieved help from a member of this forum on css. I am working on this on another project. However with my current project im having a few problems.
Ive set up my site using tables to expand in width and height. So the site is fluid.
I have a main content box in the middle of the site and a nav bar on the left hand side. My problem is..... when the content box expands down the page when data is entered into it. The nav bar boxes also expand down the page. I dont want this to happen. I want it so the content boxes are comepletlyl sepereate from the nav bar boxes, so that the content box has no effect on the nav bar what so ever. I want the content box to be full of content and expanded down the page yet the nav bar box and info box on the nav bar stay 1 line in height as they have no content in, yet the affiliates nav bar box can expand down the page with the content box. However at the minute the nav bar box and info box on the nav bar expand with the content box which i dont want. I want just the affilates box to do this.
Also i have another problem. When i add the content to the content box it expands. However above and below the infomation box on the nav bar white gaps appear and i cant understand howto fix this so it is all joined as it should be.
These problems must be able to be fixed with the right level of experience.
This is my URL, and you can see what i mean:
My code for the page is below:
Code:
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="138" rowspan="4"><img src="images/index_01.gif" width="138" height="194"></td>
<td width="7" rowspan="4"><img src="images/index_02.gif" width="7" height="194"></td>
<td width="8" rowspan="4" background="images/index_03.gif"> </td>
<td width="7" rowspan="4"><img src="images/index_04.gif" width="7" height="194"></td>
<td width="143" rowspan="4"><img src="images/index_05.gif" width="143" height="194"></td>
<td rowspan="4" background="images/index_06.gif"> </td>
<td width="380"><img src="images/index_07.gif" width="380" height="39"></td>
</tr>
<tr>
<td height="119"><img src="images/index_08.gif" width="380" height="119"></td>
</tr>
<tr>
<td height="23" background="images/index_09.gif"> </td>
</tr>
<tr>
<td><img src="images/index_10.gif" width="380" height="13"></td>
</tr>
<tr>
<td><img src="images/index_11.gif" width="138" height="22"></td>
<td><img src="images/index_12.gif" width="7" height="22"></td>
<td><img src="images/index_13.gif" width="8" height="22"></td>
<td rowspan="6" background="images/index_14.gif"> </td>
<td valign="top"><img src="images/index_15.gif" width="143" height="22"></td>
<td valign="top" background="images/index_16.gif"> </td>
<td valign="top"><img src="images/index_17.gif" width="380" height="22"></td>
</tr>
<tr>
<td height="7%" colspan="3" align="center" valign="top" bgcolor="#EDECEC"> </td>
<td colspan="3" rowspan="3" align="center" valign="middle" bgcolor="#EDECEC"> </td>
</tr>
<tr>
<td width="138" height="22"><img src="images/index_20.gif" width="138" height="22"></td>
<td width="7" height="22"><img src="images/index_21.gif" width="7" height="22"></td>
<td width="8" height="22"><img src="images/index_13.gif" width="8" height="22"></td>
</tr>
<tr>
<td height="12%" colspan="3" align="center" valign="top" bgcolor="#EDECEC"> </td>
</tr>
<tr>
<td width="138" height="25%"><img src="images/index_24.gif" width="138" height="22"></td>
<td width="7" height="25%"><img src="images/index_25.gif" width="7" height="22"></td>
<td width="8" height="25%"><img src="images/index_13.gif" width="8" height="22"></td>
<td height="25%" align="center" valign="middle" bgcolor="#EDECEC"><img src="images/index_28.gif" width="143" height="22"></td>
<td height="25%" align="center" valign="middle" background="images/index_29.gif" bgcolor="#EDECEC"> </td>
<td height="25%" align="center" valign="middle" bgcolor="#EDECEC"><img src="images/index_30.gif" width="380" height="22"></td>
</tr>
<tr>
<td colspan="3" align="center" valign="top" bgcolor="#EDECEC"><p> </p>
</td>
<td height="50%" colspan="3" align="center" valign="middle" bgcolor="#EDECEC"><p> </p>
</td>
</tr>
<tr>
<td width="138"><img src="images/index_32.gif" width="138" height="38"></td>
<td background="images/index_33.gif"> </td>
<td colspan="3"><img src="images/index_34.gif" width="158" height="38"></td>
<td background="images/index_35.gif"> </td>
<td><img src="images/index_36.gif" width="380" height="38"></td>
</tr>
</table>
</body>Any help on these issues would be greatly appriciated.
Thanks alot
Jim