Exporting Illustrator documents to web

I am trying to output an adobe document to HTML. The problem is it renders each slice as an individual image and creates a basic HTML document to join them.

I am trying to make it put the anchors in for the links on my pages. I select an object that is grouped with and surrounded by a rectangle and in the attributes panel I enter 'rectangle' as the type of bounds for the hotspot and the URL that the hotspot links to. I also added a note which I assume is a reference to an action.

All I get is the three images - banner, main and tail frames - with no hotspots. I checked the source and could not find any anchor link attributes.

I have also tried binding each option in my banner menu with javascript onclick events with no sign of onclick elelments.

I think there is something missing that I do not know of.


Who is Participating?
David BruggeConnect With a Mentor Commented:
The answer that you are looking for is that you cannot assign a hot-spot to a grouped object. Instead, draw an invisible object on top of your object group and assign your URL to it.

If there is any possible way to avoid using Illustrator to create your HTML, I would certainly do so. The HTML feature of Illustrator was tacked on almost a decade ago and was not very good, even then. It has not be improved much since.

Illustrator will not let you create "roll overs" or assign links to slices. The only way to assign links is to create image maps, which are pretty much outdated in today's web world.

Also, Adobe warns not to mix image maps with slices because of unpredictable results.

If you must use Illustrator, a slightly better option is to create slices using CSS layers instead of an HTML table. (The option is in the Save For Web dialog box) then hand code the proper div to create your link.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.