Hello Greg,
I agree with some of the replies. Though you might want to avoid using
the <nobr> tag. While it DOES work in IE and Netscape, it's not part of
the HTML 4.01 standard, and other browsers might not know what to do with
it, leading to some formatting problems.
Here is my try:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="60%" colspan="2">Page Title</td>
<td width="40%">Current Home Link</td>
</tr>
<tr bgcolor="#336699">
<td width="20%">New Home Link</td>
<td width="40%"> </td>
<td width="40%">Selection Links</td>
</tr>
</table>
</body>
</html>
Basically, I felt that your problem was that you were trying to put a
table inside a table, which was leading to the "height" problem. I tried
to avoid it by just creating one table, and using the "colspan" attribute
to achieve the layout you are looking for.
I might not be right on, but hopefully the concept I presented will help
you get the layout you're looking for.
- Neal
> Dear All,
> I have a table that I am using to display the main links on my
site
> (http://www.greggriffiths.org), but I'd like to place a home link on the
> left hand side of the blue bar, but every time I try, I have to add a
> second table in and my blue bar grows in height, any ideas on how to
> resolve that ?
>
> OLD CODE :
> <table width="100%" border="0" cellspacing="0" cellpadding="0">
> <tr>
> <td width="60%">Page Title</td>
> <td width="40%">Current Home Link</td>
> </tr bgcolor="#333399">
> <td width="100%" colspan="2" align="right">Section
Links</td>
> </tr>
> </table>
>
> NEW CODE:
> <table width="100%" border="0" cellspacing="0" cellpadding="0">
> <tr>
> <td width="60%">Page Title</td>
> <td width="40%">Current Home Link</td>
> </tr bgcolor="#333399">
> <td width="100%" colspan="2">
> <table width="100%" border="0" cellspacing="0"
cellpadding="0">
> <tr>
> <td width="20%">New Home Link</td>
> <td width="80%"
align="right">Section Links</td>
> </tr>
> </table>
> </td>
> </tr>
> </table>
> </table>
> </td>
> </tr>
> </table>
>
View Cart
