nested tables and background images

Ok, this is the first time I've tried this before. I have basically a top table for the logo, then my second table for the navigation. Then right below the nav is a line that spans the width of the page. Next I want to have a right side line but vertical. I have the image and it is on the right side. But here's the thing:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>domain</title>
<script type="text/javascript" src="rollover.js" language="javascript"></script>
<link rel="StyleSheet" href="css.css" type="text/css">
</head>
<body onload="preloadImages();">
<table border="0">
<tr>
<td><img src="images/smredlogo.jpg"></td>
</tr>
</table>
<table border="0">
<tr align="left">
<td valign="middle" colspan="2">
<a href="http://www.domain.com"onmouseover="changeImages('home_over', 'images/home_over.gif'); return true;" onmouseout="changeImages('home_over', 'images/home.gif'); return true;"><img name="home_over" src="images/home.gif" border=0 aLT=""></a>&nbsp;&nbsp;
<a href="about.html"onmouseover="changeImages('about_over', 'images/about_over.gif'); return true;" onmouseout="changeImages('about_over', 'images/about.gif'); return true;"><img name="about_over" src="images/about.gif" border=0 alt=""></a>&nbsp;&nbsp;
<a href="hardgoods.html"onmouseover="changeImages('hardgoods_over', 'images/hardgoods_over.gif'); return true;" onmouseout="changeImages('hardgoods_over', 'images/hardgoods.gif'); return true;"><img name="hardgoods_over" src="images/hardgoods.gif" border=0 alt=""></a>&nbsp;&nbsp;
<a href="softgoods.html"onmouseover="changeImages('softgoods_over', 'images/softgoods_over.gif'); return true;" onmouseout="changeImages('softgoods_over', 'images/softgoods.gif'); return true;"><img name="softgoods_over" src="images/softgoods.gif" border=0 alt=""></a>&nbsp;&nbsp;
<a href="cbsteam.html"onmouseover="changeImages('team_over', 'images/team_over.gif'); return true;" onmouseout="changeImages('team_over', 'images/team.gif'); return true;"><img name="team_over" src="images/team.gif" border=0 alt=""></a>&nbsp;&nbsp;
<a href="contact.html"onmouseover="changeImages('contact_over', 'images/contact_over.gif'); return true;" onmouseout="changeImages('contact_over', 'images/contact.gif'); return true;"><img name="contact_over" src="images/contact.gif" border=0 alt=""></a>
</td>
</tr>
<tr>
<td valign="top"><img src="images/line.gif" width="800"></td>
</tr>
<tr>
<td valign="top">asd;lfjadsl;fkj</td>
<td class="background1" width="1" height="800"></td>
</tr>
</table>
</body>
</html>

Where this is
<tr>
<td valign="top">asd;lfjadsl;fkj</td>
<td class="background1" width="1" height="800"></td>
</tr>
that's pretty much all I can do... I tried to nest a table within my main table, but when I would put some content back in the original, it would be messed up. Any thoughts?

Thanks,
Mac

nested tables and background images

within a td

macrost

Ryan8720

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week