html/imagemap. Whats broke the web page or the browser?

[Steven E. Protter]

Created image map code for a non-commerical client.

Just wanted to add a come click to the top banner graphic, which I'm darned proud of btw.

Problem is, the site looks like crap in mozilla. The graphic prints twice and only the lower part is functional.

There are no errors on the logs, no pieces missing. There may be a problem with the html code, but I'll show it to you. It's all publically available, so no attachments.

Site:
http://beta.ilcba.org
Its beta, not public but is being displayed publically to assist in my debugging efforts.

index.shtml
Which refereces the map graphic
icbatoplineimage4.jpg
Image map files icbatoplineimage4.shtml and/or icbatoplineimage4.htm

Take a look at the source code and tell me whats wrong.

Here is the data I've collected so far:

IE 5.0,5.5,6.0 the site performs correctly
Netscape 4.x the site is miserable but who uses that?
Opera 7.23 (Yes Merijn, I installed it for testing) looks fine.
Mozilla 1.5 XP looks bad.

You can earn a bunny by recommending changes to the html code that work to make Mozilla look right without breaking Opera or IE, any version above 5.0

If you are not an html expert you can earn points with testing data, so I get a full range of functionality analysis.

1 Point for testing that includes the following information, each test:

Browser including Version Number
Operating System: HP-UX Windows XP is valid Windows is not assumed and not valid.
Whether it works or not.

No solution pointage for no fix, so don't bother with 8 browsers looking for a bunny.

Here is an example of what it takes to earn testing points:

Opera 7.23 Running on XP Pro Site looks normal.

Mozilla 1.4 Running on HP-UX 11.11 site looks abnormal.

Whether it looks good or not should be obvious.

If two people test the same OS/browser combination they both get the points. Its valid to run the same test twice, and thats what I'm doing.

Incomplete tests don't get pointed.

There may be no solution here. I may have uncovered a browser defect and may simply need to report it to Mozilla.

It is perfectly acceptable to me to roll out this site only working on IE 5 and up. I know that will make the purists cringe, but only one of the hundred members of this organization that I know of uses any browser except for IE.

Test away, I shall check this regularly.

Also: If you note any anomolies with the buttons in the left menu, make the same report above with the same detail. The button program defaults to advertising on certain versions of Mozilla. Again, I may live with that. If I can make things work with Mozilla, I will, if not it will be an IE only site.

The project is two weeks late, and I need top get it in the can.

Last, after the main page loads, some of th links don't work. This is intentional. Get the template working before wasting time on the rest of the content.

SEP

[Tom Ward_1]

Steven,

I'm not a web page person, but I do know there's a User Agent Header that is passed by the browser that give information on what browser is being used. Perhaps you can use that to present different pages based on the user's browser. I don't know what's required to use that, since I haven't played with web pages much.
http://www.ericgiguere.com/articles/masquerading-your-browser.html
has info on browser headers.

Here's my test results:
Mozilla 1.4 on RedHat 7.3 does not look right. Seems as if an image is missing from the top. Properties of the broken image are attached.

Netscape 4.8 on RedHat 7.3 does not look good, but at least there's no broken image box at the top. I noticed that the icbalogo.jpg gets dropped on every other reload. The home, events, and contacts hot spots do not work.

Hope this gives you some clues.

Good luck,
Tom

[Steven E. Protter]

Thanks Tom,

Two tests plus a few points for the pointer, though I didn't really understand it.

SEP

[Steven E. Protter]

Mozilla 1.4 HP-UX 11.11 Looks like garbage, no server errors logged.

Can't give myself points.

SEP

[John Palmer]

Hi SEP,

Ran ctrl/alt/v in Opera 7.23 on Win 2k to validate the HTML source and got 73 errors reported.

Suggest you try that yourself.

Regards,
John

[H.Merijn Brand (procura]

Opera 7.50 on Linux does not load that page at all.

http://validator.w3.org/check?uri=http%3A%2F%2Fbeta.ilcba.org%2F

And I suggest moving all styles to a css section in the header.
Look at the source of my home page to see how

Enjoy, Have FUN! H.Merijn

[Steven E. Protter]

Thank you gentlemen.

As I've used opera for about 5 minutes, I was unaware of that feature. I will endeavor to correct all the html errors in this site. Perhaps that will make mozilla happier.

SEP

[Steven E. Protter]

http://validator.w3.org/file-upload.html
results.

None of this stuff is terribly serious. Perhaps its time to contact mozilla/bugzilla.


1. Line 8, column 19: there is no attribute "MARGINHEIGHT" (explain...).


^

2. Line 8, column 33: there is no attribute "TOPMARGIN" (explain...).


^

3. Line 8, column 48: there is no attribute "LEFTMARGIN" (explain...).


^

4. Line 8, column 64: there is no attribute "MARGINWIDTH" (explain...).

...nheight="0" topmargin="0" leftmargin="0" marginwidth="0">
^

5. Line 12, column 5: there is no attribute "TOP" (explain...).

top="" vertical-align="" border="1" cellspacing="1" cellpadding="1">
^

6. Line 12, column 23: there is no attribute "VERTICAL-ALIGN" (explain...).

top="" vertical-align="" border="1" cellspacing="1" cellpadding="1">
^

7. Line 28, column 1: required attribute "SRC" not specified (explain...).


^

8. Line 28, column 1: required attribute "ALT" not specified (explain...).


^

9. Line 28, column 78: required attribute "ALT" not specified (explain...).

...p="#icbatoplineimage4.shtml" border="0">
^

Can't do opera until I get home. Unless I use opera for HP-UX. hmmmm.

SEP

[Steven E. Protter]

In my prior post error #7 confounds me.

src is not there? yes it is, right next to the pointer.

SEP

[Steven E. Protter]

Thank you for your help thus far.

I have solved the problem with mozilla.

Those that suggested checking the html were correct. I compared the html of my working imagemap (part of investmentool.com has a framed control block with image map) to the image map on beta.ilcba.org

By removing the image style statment and building the image hieght and width into the image map statement the error was corrected.

This however is still an open case on the quality control side of the house.

I now double the bounty for quality control tests.

Two points per browser, three items needed to get the points.

Browser with version
OS
Whether the frontpage looks normal or not.

Note that the links still are not built but now that this problem is solved, I may start building these pages tonight.

SEP

[Steven E. Protter]

I finally got around to running ctrl-alt-v in Opera.

I was rolling.

Almost all of the 73 errors were generated by a microsoft xml document that was generated by word doing a save as web page.

Probablly better to do such things in a text editor.

There are a few minor issues that do actually need to be dealt with.

Shame on you Mr. Gates.

SEP