Firefox JavaScript-Debugger shows a lot of errors for Frontpage theme

[Frank Spade]

I am using Frontpage 2002 for a website I built based on the checkers
theme (chec1011).

Testing the site in Firefox the JavaScript-Debugger showed 38 errors,
i.e. unknown properties like:
nav-banner-image
separator-image
....

as well as errors while computing a value for a property like:
font-style
cursor
....

Script debugging is turned on in my IE6, but it didn't complain.

Where do I go from here?

 

[Kevin Spencer]

Those are not JavaScript errors. Those are deprecated or non-standard CSS
styles. And they don't hurt anything.

--
HTH,

Kevin Spencer
Microsoft MVP
..Net Developer
You can lead a fish to a bicycle,
but it takes a very long time,
and the bicycle has to *want* to change.

 

[Andrew Murray]

I think the Style: cursor is an "IE only" thing.

Other errors maybe caused by the browser not supporting such things. We'd
have to see the page(s) to get a full run-down on the *actual * errors.

Does Firefox have such a debugging tool like IE?

Please provide a link....

 

[Kevin Spencer]

FireFox 1.5 has much more going on in its JavaScript console than the older
version. If you open up the FireFox home page, you get 2 of these messages:

"Selector expected. Ruleset ignored due to bad selector." This indicates
this line of CSS style sheet code in the page (line breaks added by me for
clarity):

body {font-size: small;color: #333;margin: 0 20px 2em 20px;
line-height: 140%;background: #fff url(/images/firefox/grgrad.gif)
repeat-x;}
a:link { color: #039; }
a:visited { color: #666; }
a:hover { color: #333; }
a:active { color: #000; }
img,table { border: 0;}
#sf{ width: 100%; }
#frame {width: 564px;margin: 0 auto;}// -->

and

Unexpected end of file while searching for closing } of invalid rule set.

</style><script type="text/javascript"><!--

Now, there's something wrong with the CSS. I'm not sure exactly what. I must
confess my knowledge of CSS is not that deep yet. But the JavaScript error
is apparently being triggered by the CSS rule error. In any case, you're
likely to find such errors in a lot of web pages. You need to distinguish
between the "invalid CSS/JavaScript" type of errors, and real errors, ones
that cause problems.

Still, I do find the JavaScript console quite useful. Firefox doesn't come
with a debugging tool, but a nice DOM Viewer. Visual Studio.Net has awesome
JavaScript debugging capabilities.

--
HTH,

Kevin Spencer
Microsoft MVP
..Net Developer
You can lead a fish to a bicycle,
but it takes a very long time,
and the bicycle has to *want* to change.

 

[Trevor L.]

FireFox 1.5 has much more going on in its JavaScript console than the
older version. If you open up the FireFox home page, you get 2 of
these messages: "Selector expected. Ruleset ignored due to bad selector."

I decided to try the Javascript Console inFirefox 1.5 and sure enough, all
it reported were CSS "errors", especially these:
table {
cellpadding: 0;
cellspacing: 0}
and
input.btn
{cursor: hand; }

Also , plenty of
Error: Selector expected. Ruleset ignored due to bad selector.
The lines were
..head1, .245pc {font-size: 245%; } /* 32px */
..head2, .185pc {font-size: 185%; } /* 24px */
..head3, .140pc {font-size: 140%; } /* 18px */
..head4, .123pc {font-size: 123%; } /* 16px */
..head5, .100pc {font-size: 100%; } /* 13px */
..head6, .75pc {font-size: 75%; } /* 10px */
.50pc {font-size: 50%; } /* 8px */

I changed cursor:hand to cursorointer and I got
Error: Error in parsing value for property 'cursor'. Declaration dropped.
Source File:
file:///C:/Documents%20and%20Settings/Trevor/My%20Documents/My%20Webs/myweb/style.css
Line: 107

Why are % font-sizes not accepted. I thought this would be the safest to
allow for all browsers and all screen sizes. (In my code above, you can see
what I had set them to)

So, I guess my queries are:
1. Where do I find a list of deprecated styles.
w3schools mentions cursor:hand but not cellpadding or cellspacing or
font-size as %
2. What do I change these styles to, e.g. what replaces cellpadding:0 and
cellspacing:0

Still, I do find the JavaScript console quite useful. Firefox doesn't
come with a debugging tool, but a nice DOM Viewer. Visual Studio.Net
has awesome JavaScript debugging capabilities.

Where do I find the DOM Viewer in Firefox?

I think I may try to download Visual Studio again. Last time I tried, there
were errors in one of the major components, I think it was something to do
with SQL. I didn't know what difference this would make so I deleted the
whole lot.