Using <table> to create a border

[Bush will disarm all workers next]

Hi,
I have the following table structure:

Top Table:

<table cellspacing=0 cellpadding=0>
<tr>
<td width=20 bgcolor="#000000" height=100> </td>
</tr>
</table>

Bottom Table:

<table cellspacing=0 cellpadding=0>
<tr>
<td>
<table cellspacing=0 cellpadding=0>
<tr>
<td width=20 bgcolor="#000000" height=200> </td>
</tr>
</table>
</td>
<td>
<table cellspacing=0 cellpadding=0>
<tr>
<td> ... </td>
</tr>
</table>
</td>
</tr>
</table>

The intended effect is a black border with 20 px width and 300 px
height on the left of the browser.
The problem is in IE6 a gap shows up between the border after 100 px.
Used VALIGN, HSPACE, VSPACE, etc. without positive results.
Can anyone please give a fix?

Thanks
Dakshin

 

[Dylan Parry]

The intended effect is a black border with 20 px width and 300 px
height on the left of the browser.
The problem is in IE6 a gap shows up between the border after 100 px.
Used VALIGN, HSPACE, VSPACE, etc. without positive results.
Can anyone please give a fix?

How about a URL?

 

[The Doormouse]

The intended effect is a black border with 20 px width and 300 px
height on the left of the browser.

Make that one big gif. 20px by 300 px



The Doormouse

 

[Davmagic .Com]

From: (e-mail address removed)
<snip>
The intended effect is a black border with
20 px width and 300 px height on the left
of the browser.

Not sure what you want exactly, but if you use the code below you will
get the desired left side black border, but it's height will depend on
how much data you place in the rest of the "main" cell (to the right):

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tr><td width="20" bgcolor="#000000">&nbsp;</td>

<td width="100%" bgcolor="#ffffff">Your Main data here</td></tr></table>

Find more info here: http://davmagic.com/PAGES47.html

Web Design, Magic, Painting, Junking, More
http://www.davmagic.com
Paint A House
http://www.paintahouse.com
NOTE: This emailbox is CLOSED do NOT reply!!!

 

[Jeff Thies]

The intended effect is a black border with 20 px width and 300 px
height on the left of the browser.
The problem is in IE6 a gap shows up between the border after 100 px.
Used VALIGN, HSPACE, VSPACE, etc. without positive results.
Can anyone please give a fix?

Why cludge it with a table when standard css will work:

<div style="height: 300px;border: solid 20px black"></div>

You can set border widths for each side if you wish:

<div style="height: 300px;border: solid black; border-width: 10px 20px 30px
40px"></div>

Google up borders and CSS.

And,move the inline style over to your stylesheet.

Jeff

 

[Stephen]

In Bush will disarm all workers next <[email protected]> expounded:
:: Hi,
:: I have the following table structure:
::
:: Top Table:
::
:: <table cellspacing=0 cellpadding=0>
:: <tr>
:: <td width=20 bgcolor="#000000" height=100> </td>
:: </tr>
:: </table>
::
:: Bottom Table:
::
:: <table cellspacing=0 cellpadding=0>
:: <tr>
:: <td>
:: <table cellspacing=0 cellpadding=0>
:: <tr>
:: <td width=20 bgcolor="#000000" height=200> </td>
:: </tr>
:: </table>
:: </td>
:: <td>
:: <table cellspacing=0 cellpadding=0>
:: <tr>
:: <td> ... </td>
:: </tr>
:: </table>
:: </td>
:: </tr>
:: </table>
::
:: The intended effect is a black border with 20 px width and 300 px
:: height on the left of the browser.
:: The problem is in IE6 a gap shows up between the border after 100 px.
:: Used VALIGN, HSPACE, VSPACE, etc. without positive results.
:: Can anyone please give a fix?
::
:: Thanks
:: Dakshin

I have IE6. I just plugged in your code and got just what you say you want.
A 20 x 300 black bar. There is a three dot display about 200 px from the top
beside the bar. Just as it should.

 

[Sid Ismail]

On 5 Jul 2004 06:26:28 -0700, (e-mail address removed) (Bush will disarm all
workers next) wrote:

: The intended effect is a black border with 20 px width left

<table style="border-left:20px solid black;">

Sid

 

[Mark Parnell]

The intended effect is a black border with 20 px width and 300 px
height on the left of the browser.

Can anyone please give a fix?

CSS.