need vertical line to follow height relative to <td> next to it.... 3

[spewn]

heres the code...

*
<table>
<tr>
<td valign=top>


<table align=center cellpadding=0 cellspacing=0>
<tr>
<td valign=top align=center colspan=3></td>
</tr>
<tr>
<td valign=&quot;middle&quot; align='center' bgcolor='red' colspan='3'><img border='0' height=&quot;1&quot; src=&quot;../img/spc.gif&quot;></td>
</tr>
<tr>
<td><img border=&quot;0&quot; height=&quot;1&quot; src=&quot;../img/spc.gif&quot; width=1></td>
<td valign=top align=center>
<table cellspacing=0 cellpadding=0 class=&quot;nvbarbg&quot; align=center>
<tr>
<td align=center>nav ops</td>
</tr>
</table>
</td>
<td bgcolor='red'><img border=&quot;0&quot; height=&quot;1&quot; src=&quot;../img/spc.gif&quot; width=1></td>
</tr>
<tr>
<td colspan=&quot;3&quot;><img border=&quot;0&quot; height=&quot;1&quot; src=&quot;../img/spc.gif&quot;></td>
</tr>
</table>


</td>


<td>

<table>
<tr>
<td>content</td>
</tr>
<tr>
<td>content</td>
</tr>
<tr>
<td>content</td>
</tr>
<tr>
<td>content</td>
</tr>
<tr>
<td>content</td>
</tr>
<tr>
<td>content</td>
</tr>
<tr>
<td>content</td>
</tr>
</table>

</td>


</tr>
</table>
*

if you view code through browser, you'll see the red line halfway box the 'nav options'...

i'm trying to get the vertical red line to follow the content table all the way to the bottom of the content area. on some computers, the line does follow the table all the way (i use the height=100%), but on most it doesn't work even with the height, and it looks tacky on my site.

i can use the height= and have the value be definite, but the content area varies, so one set value won't work.

if you can figure this out, please help.

-spewn

 

[missbarbell]

Just need move the main TD with the content table in alongside the nav options TD, like so:

<table>
<tr>
<td valign=top>
<table align=center cellpadding=0 cellspacing=0>
<tr><td valign=top align=center colspan=3></td></tr>
<tr><td valign=&quot;middle&quot; align='center' bgcolor='red' colspan='3'><img border='0' height=&quot;1&quot; src=&quot;../img/spc.gif&quot;></td></tr>
<tr>
<td><img border=&quot;0&quot; height=&quot;1&quot; src=&quot;../img/spc.gif&quot; width=1></td>
<td valign=top align=center>
<table cellspacing=0 cellpadding=0 class=&quot;nvbarbg&quot; align=center>
<tr><td align=center>nav ops</td></tr>
</table>
</td>
<td bgcolor='red'><img border=&quot;0&quot; height=&quot;1&quot; src=&quot;../img/spc.gif&quot; width=1></td>
<td><img border=&quot;0&quot; height=&quot;1&quot; src=&quot;../img/spc.gif&quot;></td>
<td>
<table>
<tr><td>content</td></tr>
<tr><td>content</td></tr>
<tr><td>content</td></tr>
<tr><td>content</td></tr>
<tr><td>content</td></tr>
<tr><td>content</td></tr>
<tr><td>content</td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

HTH,
Barbie. Leader of Birmingham Perl Mongers

http://birmingham.pm.org

 

[spewn]

i thank you, it worked great...now perfect would be the line stopping just short of the last content line...so the line doesn't go all the way to the bottom...

in the <td> for the vert line i put a table but am having trouble...

if anyone can offer assist?

much appreciative thus far.

-spewn

 

[starway]

Hi spewn,
I think I have better solution for you. Use CSS properties of border:

[tt]<style>
.brd {border-left: 5px solid red}
</style>
[/tt]
and apply it to the table cell:
[tt]<td class=brd> . . .</td>[/tt]

This method is very simple and flexible. Search for another border attributes and ways of setting thier values if you want.

good luck