G35Driver
01-29-2006, 03:07 PM
Hey everyone, I have a page where I have 3 tables. The top table I've inserted a heading image and the bottom table i've added in a footer image. In the middle table however I have a fixed background image.
What I want to do is add in a navigation of sorts into this table. There will be links going down the left side of the table with a target frame so the whole page wont load up everytime to access the menu links.
I can't seem to get any frames working within the table since its got a fixed background for that whole table. Here's some code that I have:
<head>
<title>Test Site</title>
<style type="text/css">
<!--
.style1 {
font-size: 12px;
color: #FFFFFF;
}
-->
</style>
</head>
<html>
<div align="center">
<table width="700" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/top_heading.gif" width="700" height="100"></td>
</tr>
</table>
<table width="700" height="456" border="0" cellpadding="0" cellspacing="0" background="images/clouds_resize2.png">
<tr>
<td> </td>
</tr>
</table>
<table width="700" height="60" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="33" align="left" bgcolor="#FFFFFF"><img src="images/footer_template.jpg" width="700" height="60"></td>
</tr>
</table>
</html>
Now its that middle table with height 456 thats in question. Please any help. That .png file is also kind of big so it would benefit not to just create seperate pages and its loaded up you know? :)
What I want to do is add in a navigation of sorts into this table. There will be links going down the left side of the table with a target frame so the whole page wont load up everytime to access the menu links.
I can't seem to get any frames working within the table since its got a fixed background for that whole table. Here's some code that I have:
<head>
<title>Test Site</title>
<style type="text/css">
<!--
.style1 {
font-size: 12px;
color: #FFFFFF;
}
-->
</style>
</head>
<html>
<div align="center">
<table width="700" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/top_heading.gif" width="700" height="100"></td>
</tr>
</table>
<table width="700" height="456" border="0" cellpadding="0" cellspacing="0" background="images/clouds_resize2.png">
<tr>
<td> </td>
</tr>
</table>
<table width="700" height="60" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="33" align="left" bgcolor="#FFFFFF"><img src="images/footer_template.jpg" width="700" height="60"></td>
</tr>
</table>
</html>
Now its that middle table with height 456 thats in question. Please any help. That .png file is also kind of big so it would benefit not to just create seperate pages and its loaded up you know? :)