How to place text over an image map in exact spot?

I am looking if there are any good ways to place text in an exact place in an image map? I have an image map as a navigation element embedded in a Confluence Wiki page. I am looking for options to be able to place a box of text over the image that can easily be changed or updated without having to create the image each time to update the text. I was looking to see if this could be done with CSS or jQuery.

3 answers

This widget could not be displayed.

Hallo jeremy

One idea is to use an image map generator, such as CoffeeCup ( You'd need to manipulate the HTML outside Confluence, and paste it in each time you need to change it.

Another option is to use Gliffy, a Confluence plugin ( Instead of using an HTML image map, you could use a fully-fledged Gliffy image which includes the pictures, text, links, and/or diagram elements that you need. This also means that other people can easily edit the image, changing the text and other elements within the web browser without having to access the image map HTML outside Confluence.

I hope these ideas help.

Cheers, Sarah

Hi Sarah, where can I test Gliffy? I have trial Confluence OnDemand account, but I cannot create Gliffy diagrams there, I can only import them. I'm interested in testing the image map through Gliffy.

This widget could not be displayed.

This widget could not be displayed.

You can put the text in a Div macro and add the background image CSS in a Style macro.

Suggest an answer

Log in or Sign up to answer
Atlassian Summit 2018

Meet the community IRL

Atlassian Summit is an excellent opportunity for in-person support, training, and networking.

Learn more
Community showcase
Published Jul 30, 2018 in Confluence

How Manon Soubies-Camy uses Confluence + Trello to organize webinar notes and her knitting stash

@Manon Soubies-Camy is an engineer who has been an avid Atlassian user since 2014. She helps companies of all sizes transform the way they work with the Atlassian stack, including Jira and Confl...

854 views 8 13
Read article

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you