# Help with HTML

**URL:** https://boards.straightdope.com/t/help-with-html/236649
**Category:** Factual Questions
**Created:** [March 26, 2004, 11:10pm UTC](https://boards.straightdope.com/t/help-with-html/236649 "2004-03-26T23:10:04Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![ice1000](https://avatars.discourse-cdn.com/v4/letter/i/a3d4f5/32.png) [@ice1000](https://boards.straightdope.com/u/ice1000)
#### Post date: [March 26, 2004, 11:10pm UTC](https://boards.straightdope.com/t/help-with-html/236649/1 "2004-03-26T23:10:04Z")

</div>

I created my home page as a table with headers & links to the sites I visit frequently. I used an old copy of Frontpage to make one table look like many separate tables by deleting the border color of the main table and adding a black border color to certain cells.

Like this:  
\<table border=“1” width=“100%” bordercolor="#FFFFFF"\>  
\<tr\>  
\<td width=“50%” bordercolor="#000000"\>&nbsp;\</td\>  
\<td width=“23%”\>&nbsp;\</td\>  
\<td width=“77%” bordercolor="#000000"\>&nbsp;\</td\>  
\</tr\>  
\<tr\>  
\<td width=“50%” bordercolor="#000000"\>&nbsp;\</td\>  
\<td width=“23%”\>&nbsp;\</td\>  
\<td width=“77%” bordercolor="#000000"\>&nbsp;\</td\>  
\</tr\>  
\</table\>

It looks great in IE, but when I look at this same HTML in Mozilla I see a complete table with borders. How can I get the same effect in Mozilla?

Thanks,

Ivan

---

<div class="post-metadata">

### Author: ![Lsura](https://avatars.discourse-cdn.com/v4/letter/l/7993a0/32.png) [@Lsura](https://boards.straightdope.com/u/Lsura)
#### Post date: [March 27, 2004, 12:33am UTC](https://boards.straightdope.com/t/help-with-html/236649/2 "2004-03-27T00:33:57Z")

</div>

In your first line, try changing:

border=“1” to border=“0”

I haven’t done any html coding in a while, but I _think_ that’s right - no guarantees though!

---

<div class="post-metadata">

### Author: ![Duckster](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/duckster/32/1244_2.png) [@Duckster](https://boards.straightdope.com/u/Duckster)
#### Post date: [March 27, 2004, 12:52am UTC](https://boards.straightdope.com/t/help-with-html/236649/3 "2004-03-27T00:52:22Z")

</div>

Use two tables as in this pseudo code:

\<table 1 border white\>  
\<tr\>  
\<td\>

\<table 2 border black\>  
\<tr\>  
\<td\>  
content  
\</td\>  
\</tr\>  
\<tr\>  
\<td\>  
content  
\</td\>  
\</tr\>  
\</table\>  
\</td\>  
\</tr\>  
\</table\>  
Also, don’t create web pages and view them in IE. Use Mozilla. If it works in Mozilla, it should work in IE. The reverse is seldom true.

---

<div class="post-metadata">

### Author: ![GuanoLad](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/guanolad/32/42_2.png) [@GuanoLad](https://boards.straightdope.com/u/GuanoLad)
#### Post date: [March 27, 2004, 1:03am UTC](https://boards.straightdope.com/t/help-with-html/236649/4 "2004-03-27T01:03:39Z")

</div>

Use CSS.

Instead of the BORDERCOLOR tag, replace each instance with this:

STYLE=“border:1px solid #000;”

---

<div class="post-metadata">

### Author: ![minor7flat5](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/minor7flat5/32/258_2.png) [@minor7flat5](https://boards.straightdope.com/u/minor7flat5)
#### Post date: [March 27, 2004, 1:04am UTC](https://boards.straightdope.com/t/help-with-html/236649/5 "2004-03-27T01:04:24Z")

</div>

I fiddled around with it for a bit and came up with this:  
(It works in IE and Firefox)

```auto

<table border="0" width="100%">
<tr>
<td width="50%" bgcolor="#000000"><table bgcolor="#ffffff" width="100%"><tr><td>Test Data</td></tr></table></td>
<td width="23%"> </td>
<td width="77%" bgcolor="#000000"><table bgcolor="#ffffff" width="100%"><tr><td>Test Data</td></tr></table></td>
</tr>
<tr>
<td width="50%" bgcolor="#000000"><table bgcolor="#ffffff" width="100%"><tr><td>Test Data</td></tr></table></td>
<td width="23%"> </td>
<td width="77%" bgcolor="#000000"><table bgcolor="#ffffff" width="100%"><tr><td>Test Data</td></tr></table></td>
</tr>
</table>

```

---

<div class="post-metadata">

### Author: ![minor7flat5](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/minor7flat5/32/258_2.png) [@minor7flat5](https://boards.straightdope.com/u/minor7flat5)
#### Post date: [March 27, 2004, 1:06am UTC](https://boards.straightdope.com/t/help-with-html/236649/6 "2004-03-27T01:06:49Z")

</div>

> [@GuanoLad](#):
>
> Use CSS.
> 
> Instead of the BORDERCOLOR tag, replace each instance with this:
> 
> STYLE=“border:1px solid #000;”

I like this one better than my own offering since it still uses only one table.  
You have to set the border to “0” on the outer table, however.