The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> image map problem in IE7, Working in Firefox, problems in IE
djmikewatt
post 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">&nbsp;</td>
    <td width="600">&nbsp;</td>
    <td width="178">&nbsp;</td>

  </tr>
  <tr>
    <td height="373">&nbsp;</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>&nbsp;</td>
  </tr>
  <tr>
    <td height="24">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</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&amp;id=0&amp;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>&nbsp;</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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
djmikewatt
post Nov 4 2007, 03:03 AM
Post #3





Group: Members
Posts: 3
Joined: 3-November 07
Member No.: 4,218



QUOTE(pandy @ Nov 4 2007, 01:33 AM) *

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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post 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. IPB Image
You only had one of those, but while we are at it... happy.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 26th April 2024 - 08:58 PM