Solved

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

Posted on 1998-06-28
1
126 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
1 Comment
 

Accepted Solution

by:
MTBnin earned 50 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Login area of a page 4 32
Full Screen problem when auto scale IFRAME 2 61
Put radio button in my form but already has components from my database 4 44
HTML Relative path 9 29
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
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…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

911 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

Need Help in Real-Time?

Connect with top rated Experts

26 Experts available now in Live!

Get 1:1 Help Now