Tricky tabling

[filburt1]

I'm trying to put a line on this page, http://24.37.102.253:8082/bubbledesign/ , in such a way that it vertically joins all the bubbles (the circles). But for the life of me I can't get it working perfectly. I tried inserting tables with some CSS styles above and below the bubbles but even if I make the table's height 100% it doesn't make the line connect the bubbles. A background picture for the cells didn't work either.

Any ideas?

[Mark Sreeves]

a cell background works ok for me.

<TD width=147 background="vl.gif">

and here's the image:

[filburt1]

That's what I did exactly, but as you can see from the screenshot it doesn't work if the text ends up taking up more space vertically than the bubble, although I just got an interesting idea on how to get around it by changing the design...

[crptcblade]

So, you want the three circle graphics on the left joined by vertical lines, correct?

[filburt1]

The four circles, yes. But the problem is using the background method it sometimes extends beyond the length of the bubbles at the top and bottom.

[crptcblade]

I stripped it a bit to make it easier for me to work with, and marked what I did.

See if you can play with it a little and make it work.

[filburt1]

Thanks John but it still has the same problem of the height, you just took the cheap approach () of specifying an absolute height. Although you just gave me an idea...

[ubunreal69]

ok Filburt1, i dont know if u'll like it but i kinda fixed up yer code. but the circle doesnt load it the middle beside the test, it loads next to the title of each one, just take a look and c what i mean.

(attachment)

me (Michael)

[filburt1]

Well sorta worked, but there are lines right above and below the circles but not connecting them.

[ubunreal69]

what, dont u want the lines joining the circles ?

[filburt1]

I do but IE doesn't show any with your zip.

[scoutt]

the way that ubunreal69 did it looks good. just make an extra graphic so that it connects to the bubbles that aren't connected.

just my thought anyway.

[filburt1]

'Kay, I'll try it when I get home.

BTW, nice avatar.

[ubunreal69]

ok, i dont know what u mean but here is what i see it as; what u mean "connect the bubbles" , they are connected by the line or isnt that what u mean ?

please explain.

here's how my browser views it, (i'm really confused)

[IMG]c:\turtle.gif[/IMG]