NIH | National Cancer Institute | NCI Wiki  

Error rendering macro 'rw-search'

null

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 6 Next »

To display an image on a page:

  1. Open the page on which you want to see the image.
  2. Click the Insert/Edit Image icon and complete the dialog.

You can also insert an image in the wiki markup.

  1. Click the Attachments tab and complete the dialog to upload an image from your computer.
  2. Click the Edit tab and then the Wiki Markup tab.
  3. At the place on the page where you want to display the image, type this wiki markup, using the name of your image:
    !image.gif!
    

To insert an image that is attached to another page, in the wiki markup include one of the following:

Image location

Markup

Attached to another page in the same space that all users in your group can view

!pagename^image.gif!

Attached to another page in a different space (be sure all users in your group can view the page)

!space:pagename^image.gif!

To display alternative text for an image, use the following wiki markup:

!image.gif|alt=Image!

To format an image, use HTML image attributes as follows:

!image.gif|align=right,border=2,bordercolor=blue!!

The HTML image attributes supported in Confluence 2.8 are:

  • align — 'left', 'right', 'bottom', 'center', 'top'.
  • border — width of the border (in pixels).
  • bordercolor — specify the color of the image border created with the "border" tab by name or by hex value.
  • hspace — amount of whitespace to be inserted to the left and right of the image (in pixels).
  • vspace — amount of whitespace to be inserted above and below the image (in pixels).
  • width — width of the image (in pixels). Supersedes natural width of the image.
  • height — height of the image (in pixels). Supersedes the natural height of the image.
  • title — descriptive text for the image, which is displayed when the pointer hovers over the image
  • alt — alternative text, which is included in the HTML code. This text is retrievable via search, and contributes to accessibility of the page for text-only viewing.

Source: http://confluence.atlassian.com/display/DOC/Displaying+an+Image May 16, 2008

  • No labels