Image map rendered correctly in Firefox, but with problems in chrome & IE

Hi All,
I have created a simple application with JSF 2.0.
The page is made by an image with a map. Clicking on the hotspot another page is shown.
I use a graphicImage tag with reference to a map with some link "hotspots".
Everything works fine in Firefox.
But, in Chrom the Image is shown, but the hotspot is not there....
In IE, the page does not open up, and I'm prompted for the download of the file (!?).
Any help? what I'm doing wrong?
Thanks in advance,
Giorgio

The code is something like the following:
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    
    <f:view>
        <html>
            <h:head>
                <title>My Title</title>
            </h:head>
            <h:body>
                <h:graphicImage
                    id="in" alt="Image not found"
                    value="/resources/images/in.png"
                    ismap="True" usemap="#enter" >
                </h:graphicImage>
                <map name="enter" id="enter">
                    <h:link shape="rect" coords="250, 320, 300, 340"
                            outcome="st" />
                 </map>
            </h:body>
        </html>
    </f:view>
</html>

Similar Messages

IWeb pages displayed correctly in Firefox but on in Safari/Chrome

I made a personal web page with iWeb. Now some of the pages are not displayed correctly in Safari and/or Chrome.
Check this page for example : http://maiklohse.de/Maik_Lohse/media.html
There are 6 YouTube videos embedded in the page. They all will show up if you use Firefox - but not with Safari or Chrome. Anybody got any ideas?

An alternative way to add so many Quicktime movie files to a page so it will load faster is to use the method in this demo page: Opening Item in a New, Precisely Sized Window. None of the movies will load until the play button is selected. That will let the page load very quickly. Right now it's glacially slow.
OT

I cannot print a webpage correctly in Firefox, but CAN in IE. What is the issue?

I have re-installed Firefox trying to correct this problem and had no success.

There are some style rules which Firefox renders correctly to screen but which it does not handle correctly in print. These bugs seem to have a low priority because many of them have been around for years.
In some cases, there is a reasonably simple workaround, but in other cases, it's simply easier to use IE or a PDF add-on.
Is the problem page one that is easily accessed without a login? In that case, do you want to post the URL for suggestions?

A java virus disabled the click + at the left to open new tab. I have reinstalled firefox but the problem is not fixed. what do i do to fix this?

A java virus disabled the click + at the left to open new tab. I have reinstalled firefox but the problem is not fixed. what do i do to fix this?
admins of forum feel free to edit post.

Try disabling the Ask Toolbar extension.

I have gif animated images that are not showing up in my web page when I am view in Firefox. The images are fine in IE. I would like to tell all of our clients to use FireFox but with this issue I can't recommend firefox. Please let me know what I can do.

I am using a word document, converting to html and I am not seeing my animated image.No problem in IE 9 and I wouldn't think it would be a problem in Firefox.

Am working on a webpage with some animated gifs in it. Everything works fine when it is loaded up, the images display and animate continuously. But these gifs may be updated on the server. I have some javascript that checks if the gifs have been updated by checking the modified meta data. If it has that image is reloaded. this works fine and the new image is brought up but that animation is never started. it just sits there on the first frame.
works as planned in chrome. it also worked as planned in FF9 but does not in FF12

Ul Menubar Positions Correctly in Firefox but NOT in IE

Hi I am having problems with my ul menubar. It displays correctly in dreamweaver and firefox but not in IE 9. Below are screenshots of what im trying to achieve. I placed the ul menubar where i want it (horizontally dropping down rather than vertical) and made its position absolute but for some reason IE does not like this. If there is anyone out there who would be willing to help me i would me most grateful!! Im relatively competent with dreamweaver cs5.5. Much thanks!
Here is Firefox working properly:
Here is Internet Explorer not working properly:
Here is the menubar code:
<td height="27" align="right" nowrap="nowrap"><ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a class="MenuBarItemSubmenu" href="../html/index.html">links</a>
      </li>
    <li><a href="../html/portfolio.html">contact</a>      </li>
    <li><a class="MenuBarItemSubmenu" href="../html/profile.html">profile</a></li>
    <li><a href="../html/contact.html" class="MenuBarItemSubmenu">projects</a>
      <ul>
        <li><a href="#">industrial</a></li>
        <li><a href="#">institutional</a></li>
        <li><a href="#">commercial</a></li>
        <li><a href="#">residential</a></li>
        <li><a href="#">award winning</a></li>
      </ul>
    </li>
    <li><a href="../html/links.html">home </a></li>
</ul></td>
Here is the menubar script:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
clear: right;
float: right;
position: relative;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: pointer;
width: 80px;
float: right;
height: 27px;
text-align: right;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
position: absolute;
left: -1000em;
top: 27px;
display: inherit;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: -200px;
top: 27px;
position: absolute;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 120px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
height: 27px;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
background-color: #FFF;
color: #003366;
text-decoration: none;
height: 17px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
text-transform: lowercase;
vertical-align: middle;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 10px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #FFFFFF;
height: 17px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FF9900;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #FFFFFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-repeat: no-repeat;
background-position: 95% 50%;
height: 17px;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-repeat: no-repeat;
background-position: 95% 50%;
height: 17px;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: right;
background: #FFF;

Spry Menus 10 Commandments
http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php
Fixing Spry Menus 1.6.1
http://www.projectseven.com/testing/adobe-bugs/spry-menus/
That said, Adobe abandoned the Spry framework and you may want to do the same.
http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
Nancy O.

Image Maps not working in Firefox or IE

For some reason my Golive 9 submenu image maps (News, Locations, etc.) work in Safari, but not in Firefox or IE. Plus some elements seem scrambled in the two latter browser apps. Here's the web page: http://www.frankparsons.com/express/index.html
Why is this happening?

>Now I'm wondering if I should bag Layout Grids altogether to make the eventual transition to DW a little easier?
It couldn't hurt. Using your own CSS (or even old-school tables) will generally make any transition less painful than using program-specific features like the layout grid.
>BTW, what is equivalent to components in DW?
I think the equivalents in DW are called Library items. Haven't used them though, as I usually stick with PHP includes to avoid anything proprietary.

Tables not rendering correctly in Firefox

I recently switched from Dreamweaver 8 to CS4. I also
recently updated my Firefox to 3.06. I have had this website for
years, and it just started not rendering tables correctly in
Firefox. This is happening on multiple pages It works fine in IE.
http://www.wiw.uscourts.gov/bankruptcy/
Let me say up front, I know the page is antiquated (created
in Front Page) It uses tables for the layout instead of CSS. I hope
to be updating it soon, but for now I need a fix to get the pages
to work correctly.
Any help would be greatly appreciated!
Thanks,
Becky

Hello,
In the USBC CSS , delete this:
TD {
font-family : Arial, sans-serif;
float: right;
Take care,
Tim
"bhanson" <[email protected]> wrote in
message
news:gp3ups$l6j$[email protected]..
>I recently switched from Dreamweaver 8 to CS4. I also
recently updated my
> Firefox to 3.06. I have had this website for years, and
it just started
> not
> rendering tables correctly in Firefox. This is happening
on multiple pages
> It
> works fine in IE.
http://www.wiw.uscourts.gov/bankruptcy/
>
> Let me say up front, I know the page is antiquated
(created in Front Page)
> It
> uses tables for the layout instead of CSS. I hope to be
updating it soon,
> but
> for now I need a fix to get the pages to work correctly.
>
> Any help would be greatly appreciated!
>
> Thanks,
> Becky
>
>

New user of Firefox. Webpage I made not displaying correctly in Firefox but OK in Win IE. Why is this?

Im new to Firefox. Just found out the website Im maintaining does not display correctly with Firefox but OK with Win IE. Why is this?
== This happened ==
Every time Firefox opened

I'm going to make a prediction here:
The webpage will contain a lot of code written specifically to the non-standards compliant way IE works, and will also "not display correctly" in the following standards compliant browsers:
Chrome
Safari
Opera
and the solution will be to code the pages according to the standards meant to be followed so it displays correctly in all non-IE browsers, '''then''' see how it displays in IE.

Excel attachment not rendering correctly in Mail but fine on iPod touch

Some attachments (most notably Excel files) that I've been receiving lately (last month or so) have not showed up correctly as attachments in Mail (currently using v. 4.4). In the list view it shows the paperclip icon but when I click on the message the preview pane shows what I assume is mime code or something. If I check the same message on my iPod touch, the attachment shows up at the bottom of the message as an attached file icon (correctly identified as an Excel spreadsheet). Suggestions?

Hello,
In the USBC CSS , delete this:
TD {
font-family : Arial, sans-serif;
float: right;
Take care,
Tim
"bhanson" <[email protected]> wrote in
message
news:gp3ups$l6j$[email protected]..
>I recently switched from Dreamweaver 8 to CS4. I also
recently updated my
> Firefox to 3.06. I have had this website for years, and
it just started
> not
> rendering tables correctly in Firefox. This is happening
on multiple pages
> It
> works fine in IE.
http://www.wiw.uscourts.gov/bankruptcy/
>
> Let me say up front, I know the page is antiquated
(created in Front Page)
> It
> uses tables for the layout instead of CSS. I hope to be
updating it soon,
> but
> for now I need a fix to get the pages to work correctly.
>
> Any help would be greatly appreciated!
>
> Thanks,
> Becky
>
>

Background image not rendering correctly in Chrome

Can anyone see what I've done wrong with this bg image? The footer has a 1 px wide repeating bg image which is fine in all the usual browsers except Chrome - getting the same effect in live view so obviously done something wrong, but can't find it.
Heres the url: http://www.empathydesign.co.uk/development/2tp/index.php usr:northernlight, pw: empnor733!
Thanks!

I'm running v 28.0.1500.95 m so that might explain the difference, although goodness knows why - once these browser discrepancies start up its very difficult to make any sense of them. Very strange.
I hadn't thought of trying overflow:hidden, that's a good idea although obviously David's solution is the one to go with.
Thanks for the comments,
SW

Thumbnails are not displayed correctly in Firefox, but displayed correctly in Safari and G. Chrome

Firefox display problems regarding this customers site:
http://gardenia.dk/collections/collection/
Thumbnails are not displayed correctly in Firefox - only a tiny bit of the picture is visible, incorrect scale (displayed correctly in Safari and Google Chrome).
Can I do anything to make it work in Firefox, too?
Kind regards,
Annette

This article might help you-
https://support.mozilla.org/en-US/kb/websites-look-wrong-or-appear-differently

Script won't run in firefox but does in IE, chrome and safari

i have a landing page with a web form script, www.wholewoman.com/newpages/landing/helpforcystocele.html. the script does not show up in firefox. further, none of our videos (served from kaltura (CDN) show up in firefox. nor does the registration script for our drupal forum. the good news is there are a lot of firefox users in the world. the bad news is that none of them can opt into my list, watch my videos or register for my forum. help!

As posted already, your problem has nothing to do with CSP, but with blocking active mixed content.
You can see that there is a shield icon on the left end of the location bar before the "Site Identity Button" (globe/padlock) on the location bar indicating that mixed content is blocked.
*https://support.mozilla.org/kb/how-does-content-isnt-secure-affect-my-safety
*https://developer.mozilla.org/Security/MixedContent
This extension can allow such active mixed content by toggling the security.mixed_content.block_active_content pref.<br />
Note that this is a pref that works globally
*https://addons.mozilla.org/firefox/addon/toggle-mixed-active-content/

WWhy are large downloads being throttled in Firefox but not IE or Chrome?

When downloading a large file in Firefox 3.6.12, download speed always starts high (300-400 KB) but quickly drops to 40-60 KB and stays at the slow speed. Happens on different web sites. When downloading multiple files. every file starts at the high speed and drops to the low speed in the same way. Downloading the same files with IE or Chrome the speed starts high and never drops. Starting Firefox in safe mode doesn't help.

I've now been forced to tell my users NOT to use FF because of it's BUG.

I Can't type in my Blog Search Box through Firefox but works fine in Chrome and IE

My Search box Doesn't type when using Firefox but it works well when I am using Chrome or IE , so I asked some of my friends to check out the blog and tell me If the search box is working or not, and they faced the same problem as well, I can press Search but I can't type words in the box.

Can you reach the search box via the Tab key?
What element is selected when you right-click that search box and click Inspect Element to open the Inspector?
*https://developer.mozilla.org/Tools/Page_Inspector
Some have reported that pressing F9 and the Windows key simultaneously one or more times has worked to fix issues with the keyboard not working.

Image map rendered correctly in Firefox, but with problems in chrome & IE

Similar Messages

Maybe you are looking for