Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Using alt tags for different areas in Client Side Image Maps.

Posted on 1998-06-28
1
Medium Priority
?
132 Views
Last Modified: 2010-04-09
When I use ALT tags for different areas in  Client Side Image Maps,I observed some peculiar behaviour of the Browsers(I am using Internet Explorer 4.0 and NetScape 4.0).
My HTML Code looks like this

<HTML>
<HEAD>
<TITLE>NAC-HWS Display City Map</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#cc0000" VLINK="#cc0000" ALINK="#cc0000">
<BASEFONT FACE="helvetica, arial" size="2">
<TABLE border="0" CELLSPACING="1" CELLPADDING="1" WIDTH="610">
  <TR>
<TD COLSPAN="6" BGCOLOR="#CC0000" HEIGHT="30"><FONT FACE="helvetica, arial" SIZE="4" COLOR="#ffffff">&nbsp;<B>Display City Map</B></FONT></TD>
</TR>
</TABLE>
<IMG border="0" src="/images/maps/city/BKK.jpg" usemap="#map1">
</IMG>  

<map name="map1">
<area shape="rect" alt="Royal River Hotel" coords="163,17,192,36"            href="srini1.html"onMouseOver="status='Royal River Hotel';return true;">
<area shape="rect" alt="Grand China Princess" coords="273,71,296,90" href="srini2.html"            onMouseOver="status='Grand China Princess';return true;">
<area shape="rect" alt="Siam City Hotel" coords="353,175,376,197" href="srini3.html"            onMouseOver="status='Siam City Hotel';return true;">

etc,etc,etc
<area shape="default" nohref>
</map>
</BASEFONT>
</BODY>
</HTML>

When I saw this HTML file in NetScape I noticed the following points.
a) When the vertical Scroll Bar of the Browser is at the top(i.e beginning) I saw all the Micro HelpText(i.e the text written in the ALT tags of the areas) whenever I put the mouse on the particular area.When I scrolled down the Browser a bit (even few millimeters) I am not able to see the ALT text when I move the mouse on the particular areas.I went to a few sites like Hotmail.com and found the same behaviour too.
  My question is "IS THIS A PECULIAR BEHAVOIUR OF NETSCAPE OR GOT SOMETHING TO DO WITH MY HTML"?
b) When I opened this HTML in Internet Explorer I noticed that the ALT text for the areas was not showing up at all when I move the Mouse on the paricular areas? Does IE support the ALT text for areas or not?

If please somebody could explain me why I am getting the above behaviours,I would appreciate.

Regards,
Srinivas.
0
Comment
Question by:voletisri
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 

Accepted Solution

by:
MTBnin earned 100 total points
ID: 1844434
As for Netscape you HTML is fine, and it is just one of the many querks of Netscape.  When using IE you have to be sure to stop your mouse over an area that is using ALT tags and let it sit for a second or two before the text will appear.  Hope this helps.
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

636 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question