Image Map percentage in FW CS6

Hi,
I would like to create Image Map from Fireworks, but instead of pixels, is it possible to use percentage ?
I use FW CS6, so I assume this option has been made available already ?
Otherwise, in a general manner, is it possible to use percentage at all in an HTML export ?
Jos

This sounds like the same problem that I have recently been having with FW CS5:
If I try to edit an exiting text entry, the program allows it -- but as soon as I move the cursor out of the text area, it reverts back to the original, saying that the 'file is locked'.
I also get an error message saying an "internal error" has taken place in the program. Then, when I close the program, I get the following error message:
I have been using this version of FW for several years (it's an authentic, registered copy), but the problem began in just the last few weeks. The only changes that I've made to my system in the last little while are the regular WIndows 7 updates. (Could there be a connection?)
I've tried reinstalling the program, but the problem is still there.
If you find how to solve your problem, can you post how you fixed it?
Thanks.

Similar Messages

Can you create an image map hotspot for an external URL in Dreamweaver CS6?

Can you create an image map hotspot for an external URL in Dreamweaver CS6?

Duplicate post: http://forums.adobe.com/thread/1338701?tstart=0

I can't see my image map

I made an image map that I need to edit. For some reason when I take live view off the image disappears, and without being able to see it I can't edit the image map. Is there a way in cs6 to do this? Why can't I see the image??
http://granthoneymoon.com/faith_boosters.html is the sample site with the image map.

You can fix your file names in DW from the Files window. When you change the name there to replace spaces with hyphens or underscores, DW will ask if you'd like it to automatically update the links. Hit "yes" it saves a lot of find & replace time.
Generally speaking it's best to use all lowercase alpha numeric names, avoid any special characters like $%& and use hyphens or underscores instead of spaces for all of your web files/folders.
Lowercase: Because many servers are case sensitive so AboutMe.html is a separate file from aboutme.html. On your local OS, a link to the uppercase version will give you the lower case page, on the server it will throw a 404 File Not Found error in most cases.
Special Characters: Many special characters have special meaning in html, css, javascript or other coding languages used online. Throwing one in your file names can cause scripts to malfunction, among other problems.
Spaces: As Nancy mentioned, it's invalid and can cause broken links in certain browsers. IIRC, FireFox is especially susceptible to spaces causing broken links.

How do I disable the popup "Please describe the image map..." in Dreamweaver CC?

I've just upgraded from CS6 at work to CC and when drawing image maps it's back to popping up this message:
The previous solutions I can find (which worked in CS6) do not work here. When I go into my Preferences > Accessibility I only have this option:
I've tried checking and unchecking Media and restarting Dreamweaver with the same results each time. I'll be going back to CS6 until I can resolve this. I draw a LOT of image boxes, and I do put "alt" labels on them, but having to click okay each and every time is just not practical. Thanks for any assistance.

What this message is telling you is that when you insert an image, you should always enter something useful in the alt attribute like this:
<img src="my_image.jpg" alt="Company Logo">
I guess this is to help people with sight problems who can use voice synthesizer to read out the page for them.
Now I don't use CC version so the best way to enter this is by going in the code view and entering these manually. That is how I normally do even in CS6 or Expression Web 4
Good luck.

Exporting image maps, no option to save HTML

Hi All,
I'm trying to export an image map from Illustrator CS6. However I can't get it to save the HTML.
I've setup my hotspots etc. However when I do "Save for Web", there is no option to save "Images & HTML". It only gives me the option of "Image Only".
The only way I've been able to get the HTML is to click on "Preview" from the "Save for Web" screen, and then copy and paste the image map code from there.
I've also tested it with slices, and same thing. There just seems to be no way to get it to generate a HTML file.
Am I missing something? Is there some other way I'm supposed to get it to create the HTML?
Thanks,
Eugene

That's weird that they would simply remove the output option, but still allow URL's to be linked to an object.
Anyway thanks for the response. I've just done some hunting around in Fireworks and figured out how to link hotspots to the Illustrator objects, and output the HTML image map. Problem sorted

CFDocument Image Maps

We've run into issues using client image maps in CFDocument.
We're able to render the image maps fine, and when we use a fixed
image size like 800x600, they work fine:
<img src="/express/cache/#imagename#" class="map"
usemap="##map1" border="1" width="800" height="600"/>
However, when we attempt to use percentages to get the image
to scale to the size of the whole page,
<img src="/express/cache/#imagename#" class="map"
usemap="##map1" border="1" width="100%" height="100%"/>
we get a ColdFusion error, as follows:
An exception occurred when performing document processing.
The cause of this exception was that:
coldfusion.document.spi.DocumentExportException:
java.lang.NumberFormatException: For input string: "100%".
Taking out the map reference makes this work as expected.
So, okay, the parser must be getting confused because it
doesn't know how to lay out the image map with the x% scaling.
We'll just use the exact size of the image to scale it to the size
we want... This is when we run into another issue: We can't seem to
accurately size images in CFDocument. When we set the image to
1024x768 (or something like that), the image renders at the exact
same size! (The underlying PNG is actually 2400 x 1800).
So, the questions are:
1) Is there any way to dynamically scale the image and use
image maps in CFDocument, or
2) How in the world does the image scaling work (in the black
box)?
We just want to have a full screen mapped image that we can
use as a TOC for our CFDocument.
Thanks!

John,
the Robohelp built-in editor messes the code up, so I never
use it. However, not even Dreamweaver supports interactive effects
in image maps. I wanted the hot spots to hover like hyperlinks.
Seems to me much more convenient for the user.
quote:
I'm not sure what you are trying to do when you say "the area
tag cannot be formatted using CSS." What kind of formatting do you
want on a piece of an image?
Unfortunately, you cannot use the hover attribute in css for
the <area href> tag. That is, why you need a more complicated
solution for interactive hot spots in image maps.
My first solution had some flaws. Eventually, I found this
smart piece of Javascript:
http://www.netzgesta.de/mapper/
This really did the trick and works great. The script is free
of charge for non-commercial use only.
Mike

Image Maps link not working in Acrobat 8 3D PDFs generated from RoboHelp 7

All of my hyperlinks work when I just generated my RoboHelp
project to PDF using RoboHelp 7 with the new Adobe Technical
Communications Suite (with Acrobat 8 3D). However, the links to
topics within the document didn't maintain from the image maps. I
had originally created flowcharts in Microsoft Visio, exported then
as .gifs, and imported them into topics in RoboHelp X5. Then I
created image maps from the boxes to topics in the RoboHelp
project. When I converted my project to RoboHelp 7 and generated
the PDF, all the links work great, except I don't get the
finger-pointing cursor when I hover over the boxes in the
flowcharts like I do with regular hyperlinks. Can someone please
tell me why? Thanks!

Sigh... and this is why no one like to work with newbies...
Thank you for your help. I am embarrased to admit that this was the issue.

Image map (Open a link in the same place not a new Window)

Image map (Open a link in the same place not a new Window)
I'm using image map From KM a made a Image and I put the link like this "documents/images/image.jpg" okay, its works, but when I click on the link open other page, How to open on the same page ???????

Hi Marcus,
Try out this link. It may be helpful to you.
Opening of IView in New Window
Regards
gEorgE

Image Map not working in Dreamweaver CC

I'm trying to create an image map over a jpeg but when I try to draw a rectangle over the image, a grey stroke gets placed over the image then moves with the cursor.
Here is the only code on the page. Any ideas as to why this isn't working?
<img src="/SampleImage.jpg" alt="" width="900" height="2779" style="margin: 5px; width: 649px; height: 2000px;"/>

Let me see if I have this right...
1. From Design View, you are clicking your image to select it
2. You are then selecting the Rectangle tool from the bottom left of the Properties window
3. You are then clicking and dragging on the image in Design View to create your map area
4. DW puts a grey line around the image and moves it instead of adding the image map and area tags?
Run your page for code errors at http://validator.w3.org. I can't duplicate what you describe and DW will do strange things when code errors are present, it could be an error DW doesn't know how to fix that's causing the normal image map functionality to fail.
If you have clean code and are doing what I list above and it's still not working, it may be time to clear the program cache:Deleting a corrupted cache file

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.

Image maps not working in signatures (MS Exchange 2010)

I would like to know how to get the image maps links work in OWA 2010, it is working in all other email clients except OWA 2010

Hi,
This issue seems related to S/MIME control and IE.
Please perofrm latest updates for IE and S/MIME. More details as below:
1. OWA -> Options -> Settings -> S/MIME
2. If any security warnings appear, click Yes for the control to download and install.
Also try to add OWA web site into Compatibility View in IE.
Thanks
Mavis Huang
TechNet Community Support

Bug Report: DW CS5.5 Crashes Every Time On An Image Map

I am posting this in lieu of contacting Adobe support. I went to my account to send Adobe a bug report and was told I needed to contact support via phone. That's pretty crappy. As a licensed user who's owned it less than three months, there's no direct path to tell you guys that your software is broken?
Here's the deal: I am working on an HTML landing page with one image map attached to one image. Literally, every time I make a modification to the code near the image (tied to the image map) then click into the live preview window, Dreamweaver CS5.5 crashes like a 70-year old on a bar of soap on the floor of the shower. It crashes hard. My only relief is to save the file before clicking into the live preview window. That's my only workaround to the problem.
But I'm left amazed that I can crash it every single time over an image map, flicking from the code to the preview pane. You would think that at version 11.5, a minor thing like that wouldn't hemorrage the supposed creme de la creme of web design software.
Here's the code I'm editing that causes it to crash:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <?php
          require_once("/var/www/html/c/index.php");
          $recip_name = $subscriber['first_name'].' '.$subscriber['last_name'];
          ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="/c/print.css" type="text/css" rel="stylesheet" media="print">
<title>Membership Special - No Commitment</title>
</head>
          <?php // Google Link Tracking Code ?>
          <script type='text/javascript' src='/c/google-analytics-code.js'></script>
          <?php // End Google Link Tracking Code ?>
    
          <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css">
    <style type="text/css">
                    body {font:normal 14px/1.25em Georgia, "Times New Roman", Times, serif;}
                    h1,h2,h3,h4,h5,h6 {font-weight:bold;color:#333333;}
                    h1 {font:normal 28px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
                    h2 {font:normal 24px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
                    h3 {font:normal 20px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
                    h4 {font:normal 16px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
                    h5 {font:normal 12px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
                    h6 {font:normal 8px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
                    a, a:link, a:visited, a:active {color:#0055FF;}
                    a:hover {color: #002AFF;}
                    #wrapper {margin:0 auto;width:432px;}
                    #header, #footer {margin:20px auto;text-align:center;position:relative;}
                    #footer {margin:40px auto;}
                    #coupon {position:relative;}
                    #coupon, #coupon img {margin:0 auto;text-align:center;}
                    .personalization {position:absolute;width:100%;text-align:center;text-transform:uppercase;}
                    .printcoupon {text-transform:uppercase;}
          </style>
<body>
<div id="wrapper">
<div id="header">
          <h3 class="printcoupon"><a href="javascript:window.print();">Click here to print your coupon</a></h3>
</div>
<div id="coupon">
          <img src="images/19415coupon-01.jpg" width="432" height="432" />          
<img src="images/19357coupon-02.jpg" width="550" height="602" usemap="#imagemap" class="dontprint"/>
</div>
<div id="footer">
          <h3 class="printcoupon"><a href="javascript:window.print();">Click here to print your coupon</a></h3>
</div>
</div>
<map name="imagemap">
          <area coords="29,69,521,197" shape="rect" href="javascript:window.print();">
          <area coords="29,212,521,339" shape="rect" href="http://www.google.com" target="_blank" onClick="recordOutboundLink(this, 'Landing Page', 'http://www.google.com');return false;">
                    </map>
</body>
</html>

Bug Report and Feature Request https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

How to use the same image map over and over

Sorry, I posted this a couple of years ago and got a good answer by Murray. I'm so rusty with it, I can understand how it works anymore.
Question:
I have a large jpeg image map for a hundred pages. The jpegs are all the same except I changed the city name for each one.
So for each corresponding htm page, the 4-5 links out are the same.
Waht is the trick to not have to create by hand hotspots? thanks.
I have previous notes, but I don't understand anymore, (too rusty) what they mean:
The good news is that you really don't need a template at all.
Just open one of your existing pages in DW, select that central image, browse to select the correct replacement image, and save the page with a new name. It will have all of the image maps already there, from the original image. One and done as they say."
My old interpretation of this:
select the large jpeg and then in link field drag over to the new city jpeg

Ok, Nancy, code copy/ paste did work fine.
what does this mean:
"Change the image in the properties panel to display your new image."
(the image is displaying ok)
NEverthesless, I think I got Murrays old notes.
Here is my new version of Murrays writing, easiest way I think:
You open up a pre-existing html, say Chicago. Then drag over with pointer to the new jpeg you want (Buffalo). It replaces Chicago with the buffalo jpeg, all links work perfectly. Then do a save as called Buffalo.

Image maps error with IE 6

Hallo!
I have a problem with Internet Explorer 6 (Windows XP) and only 2 image maps with rollovers on a page with a total of 6 image maps.
This is the page:
http://www.eqmultimedia.it/paolobisi/home_2009f.html
Everything is OK on Mac OS X (Safari and Firefox) and IE 7 on Windows XP and Vista.
ONLY the 2 image maps named "ART FOR SALE" and "CONTACT" do not work with IE 6.
This is my workflow:
- Page design in Photoshop.
- Slices, image maps, rollovers and remote rollovers with ImageReady
- Save html page and images folder from ImageReady
- Import html page and images folder in Golive CS
- Check and correct ALL the links in the image-map code generated with ImageReady
- Export site from Golive (with Flatten Script Library) and FTP transfer on Unix server.
I suspect that the image-map code is not FULLY loaded by IE6 and for this reason only 2 image maps on the page do not works.
Any suggestion will be very appreciated.
Thank you and sorry for my English!
ettore

Correct link:
www.eqmultimedia.it/paolobisi/home_2009f.html
Sorry!
ettore

Does anyone know how to save / preserve image maps when updating graphics?

Hello all,
I'm currently working on a RH7 HTML project, which I've designed to be used in support of a software application.
Some of the application's dialogue boxes have quite complex multi-tabbed GUIs, so when it comes to describing their functionality, you often end up with a long list below the graphic image. What this means of course, is that the user is forever scrolling up and down to make reference between the GUI and the explanatory text.
I hit upon an idea I'd used previously, whereby I created popups to multiple image map hotspots. It works like a dream and the client and users really like the concept - but there's a snag (apparently).
Because the application is still in development. some of those GUIs are (and will continue to) change. No problem with that either - until I try and insert the updated graphic. Poof !! All my hotspots disappear . . .
Surely I'm not alone in trying this approach and there must be some way of preserving the hotspots?
Any suggestions?
Bob (in a UK time zone)

Hi there
It sounds like you are using the standard methods of inserting an image. Don't do that!
All you need to do in these cases is to use Windows Explorer to save the updated image using the same file name and replacing the former image. When you do this your other data will remain intact. If the new image is a different size, just right-click it inside the RoboHelp HTML editor and choose Reset Size. You also may need to tweak your hotspots if things shifted some.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Image Map percentage in FW CS6

Similar Messages

Maybe you are looking for