Table Borders; from FrontPage to Firefox

I still use MS FrontPage for creating web pages and ever since I switched over to Firefox from Internet Explorer all those moons ago, I’ve had an issue with table borders, or rather, Firefox has an issue with them.

It’s all down to how each browser interprets the code.

When you create a new table in FrontPage by default it has a black border. You can then change it. Typically what I had was tables with 1pt grey borders, and to achieve this I had changed the Table Properties for each of the three border colour settings (Color, Light border, and Dark border).

The problem is, Firefox seemed to ignore my setting and make the border black. Annoying. I would work around this by copying and pasting a table that didn’t have the issue; or stick with a black border/ignore how Firefox was displaying my tables.

However after finally poking around in the HTML to see what was happening I noticed part of the border code still had the hex code for black:

<table border="1" cellpadding="5" cellspacing="0" style="border-collapse: collapse"
bordercolor="#111111" width="550" bordercolorlight="#C0C0C0" bordercolordark="#C0C0C0" bgcolor="#F9F9F9">

Tables that displayed correctly would have the following:

<table border="1" cellpadding="5" cellspacing="0" style="border-collapse: collapse"
bordercolor="#C0C0C0" width="550" bordercolorlight="#C0C0C0" bordercolordark="#C0C0C0" bgcolor="#F9F9F9">

Here is how the two tables would appear in Firefox:

At this point I figured I could at least correct the code for each problematic table if I wanted.

Solution:

Then, as I was resigning myself to this “solution” and preparing screen shots of the Table Properties boxes, I discovered that if I were to change only the Border colour option to grey and left the Light border and Dark border options as Default, all would be correct:

This results in more simple code where Light border and Dark border commands are omitted and crucially only the standard Border colour is stated and used:

<table border="1" cellpadding="5" cellspacing="0" style="border-collapse: collapse"
bordercolor="#C0C0C0" width="550" bgcolor="#F9F9F9">

The only issue that I can see is that Internet Explorer ignores this, which is why I had this issue ever since switching over to Firefox; I had resorted to changing all border colour settings to get the result I wanted in IE. Since I now use Firefox or sometimes Edge all is well (I checked that also).

I wonder what happens in Chrome…

For a previous post about FrontPage, click here:
https://bmhonline.wordpress.com/2015/09/19/ms-frontpage-code-spawning

4 comments

  1. I think you can still use colour names instead of hex if you are happy with the predefined colours. I sometimes alter the html code to get what I want, e.g. for different image sizes to the few defaults supplied by Blogger. Not for everyone, though, because you can quickly mess things up if you don’t take the necessary care with detail. I’m comfortable with it because of having taught html and javascript from the earliest times in the 1990s. But differences between browsers have always been an irritation.

    • I didn’t know that previously but you can indeed still use colour names. Being able to delve into the HTML code is handy for quickly changing something like this; I’m thankful it remains an option on these here blogs.

  2. I used to LOVE frontpage. Used it for all my docs. I still miss it. I don’t make websites much any more though, but when I do, it’s all full out CSS. Long Live HTML 1.0

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s