image map problem in IE7, Working in Firefox, problems in IE |
image map problem in IE7, Working in Firefox, problems in IE |
djmikewatt |
Nov 4 2007, 12:02 AM
Post
#1
|
Group: Members Posts: 3 Joined: 3-November 07 Member No.: 4,218 |
Okie dokie... here we go:
The page is located at www.WattProductions.com/splash/ You can obviously view source in a browser, but here's the code: CODE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Watt Productions | Welcome!</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head> <body bgcolor="#0099CC"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <!--DWLayoutTable--> <tr> <td width="232" height="122"> </td> <td width="600"> </td> <td width="178"> </td> </tr> <tr> <td height="373"> </td> <td align="center" valign="middle"><p><img name="splash" src="/images/splash.jpg" width="600" height="350" border="0" usemap="wp_splash" alt=""><br> <map name="wp_splash"> <area shape="rect" coords="241,317,359,344" href="ftp://www.wattproductions.com/staff_login" target="_self" title="Watt Productions Staff Login" alt="Watt Productions Staff Login" > <area shape="rect" coords="485,316,564,341" href="/index.php" target="_self" title="Visitors & prospective clients" alt="Visitors & prospective clients" > <area shape="rect" coords="27,319,141,341" href="/user.php?xoops_redirect=/index.php" target="_self" title="Log-in to access your account" alt="Log-in to access your account" > </map> </p></td> <td> </td> </tr> <tr> <td height="24"> </td> <td> </td> <td> </td> </tr> <tr> <td height="18"></td> <td align="center" valign="middle"><font color="#FFFFFF" size="-1" face="Arial, Helvetica, sans-serif">This site is designed to perform best with the Mozilla Firefox 2 web browser. </font><a href="http://www.spreadfirefox.com/?q=affiliates&id=0&t=210" target="_blank"><img border="0" alt="Firefox 2" title="Firefox 2" src="http://sfx-images.mozilla.org/affiliates/Buttons/firefox2/firefox-spread-btn-1b.png"/></a> </td> <td></td> </tr> <tr> <td height="63"></td> <td> </td> <td></td> </tr> </table> </body> </html> My issue is that the image maps are working fine within the Firefox environment but not in IE. I have no idea if it's a localized issue or if it's going to be a problem with IE for everyone... If you see what's wrong let me know... if not, I'd appreciate anyone who can visit the page with various browsers and post their results here... thanks a lot, everyone... I appreciate it! Michael This post has been edited by djmikewatt: Nov 4 2007, 12:05 AM |
pandy |
Nov 4 2007, 12:33 AM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,732 Joined: 9-August 06 Member No.: 6 |
QUOTE usemap="wp_splash" You've forgotten to prefix the map name with a hash sign. http://htmlhelp.com/reference/html40/special/img.html |
djmikewatt |
Nov 4 2007, 03:03 AM
Post
#3
|
Group: Members Posts: 3 Joined: 3-November 07 Member No.: 4,218 |
QUOTE usemap="wp_splash" You've forgotten to prefix the map name with a hash sign. http://htmlhelp.com/reference/html40/special/img.html Thank you, PANDY... I sat and stared at that same 10 lines for almost an hour and missed that every time. Thanks very much... sometimes a fresh set of eyes can mean all the difference in the world. |
Darin McGrew |
Nov 4 2007, 12:16 PM
Post
#4
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
While you're at it, it's a good idea to use a doctype declaration that puts browsers in standards mode, rather than quirks mode. See Activating the Right Layout Mode Using the Doctype Declaration
|
pandy |
Nov 4 2007, 01:14 PM
Post
#5
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,732 Joined: 9-August 06 Member No.: 6 |
It's also a good idea not to close elements with XHTML-style slashes in HTML.
You only had one of those, but while we are at it... |
Lo-Fi Version | Time is now: 26th April 2024 - 08:58 PM |