table of contents TOC macro supporting images
Asked by H Fink:

Looking to have a small icon size image in some of the Table of content headings. Wondering if there is an easy way to include them or do I need to go the route of CSS? Or perhaps it is not possible within the TOC macro.

Example TOC with icon images i'm looking for:

* **Title One**
* **Title Two check_green-01.gif**
* **Title Three ex_red-01.gif**

[](https://community.atlassian.com/t5/Confluence-questions/table-of-contents-TOC-macro-supporting-images/qaq-p/265961?attachment-id=755){#link_1186205d2459e4}  
[](/tnckb94959/attachments/tnckb94959/confluence-questions/44874/1/check_green-01.png){#display_1186205d2459e4_0}  
[](https://community.atlassian.com/t5/Confluence-questions/table-of-contents-TOC-macro-supporting-images/qaq-p/265961?attachment-id=756){#link_1186205d2459e4_0}  
[](/tnckb94959/attachments/tnckb94959/confluence-questions/44874/2/RedEx_22.gif){#display_1186205d2459e4_2}  
[](https://community.atlassian.com/t5/Confluence-questions/table-of-contents-TOC-macro-supporting-images/qaq-p/265961?attachment-id=757){#link_1186205d2459e4_1}  
[](/tnckb94959/attachments/tnckb94959/confluence-questions/44874/3/check_green-01.gif){#display_1186205d2459e4_4}  
[](https://community.atlassian.com/t5/Confluence-questions/table-of-contents-TOC-macro-supporting-images/qaq-p/265961?attachment-id=758){#link_1186205d2459e4_2}  
[](/tnckb94959/attachments/tnckb94959/confluence-questions/44874/4/GreenCheck_22.gif){#display_1186205d2459e4_6}  
[](https://community.atlassian.com/t5/Confluence-questions/table-of-contents-TOC-macro-supporting-images/qaq-p/265961?attachment-id=759){#link_1186205d2459e4_3}  
[](/tnckb94959/attachments/tnckb94959/confluence-questions/44874/5/ex_red-01.gif){#display_1186205d2459e4_8}


Answers:
author: H Fink
body: So, it would seem that from the lack of any response everyone thinks this is not possible?


author: H Fink
body: I'd also be ok with some kind of markup tag or css that triggers it..

* **Title One**
* **Title Two check_green-01.gif**
* **Title Three ex_red-01.gif**

Title One {#toc-hId-1650280070}
-------------------------------

asdfsdaf

Title Two GreenCheck_22.gif \<!--hidden tag 1--\> {#toc-hId--901876891}
-----------------------------------------------------------------------

adsfasd asdf

Title Three RedEx_22.gif \<!--hidden tag 2--\> {#toc-hId-840933444}
-------------------------------------------------------------------

adsfasd asdf


author: H Fink
body: The criteria is that there is already an image or perhaps hidden html/css already associated with the heading.. The idea is to quickly denote that certain headings are preferred/approved vs. others that are deprecated or not approved etc. Whether it is one image or a group of 2, 3, 5, stars etc. the theory is the same. I would want the same image in larger form next to the heading down when you get to that section of the page hence it would look as follows:

* **Title One**
* **Title Two check_green-01.gif**
* **Title Three ex_red-01.gif**

Title One {#toc-hId-1650280069}
-------------------------------

asdfsdaf

Title Two GreenCheck_22.gif {#toc-hId--901876892}
-------------------------------------------------

adsfasd asdf

Title Three RedEx_22.gif {#toc-hId-840933443}
---------------------------------------------

adsfasd asdf


author: Stephen Deutsch
body: What would be the criteria for which image to display?