Image Size
Typically, images up to 13 inches wide are displayed without causing the horizontal scroll bar to appear when the browser is full-screen. Wider images make scrolling necessary and may cause the page, the wiki markup or both, to be displayed improperly, so that lines no longer wrap.
To display an image on a page:
- Open the page on which you want to see the image.
- Click the Insert/Edit Image icon and complete the dialog; http://confluence.atlassian.com/display/DOC/Displaying+an+Image has detailed steps.
You can also insert an image in the wiki markup.
- Click the Attachments tab and complete the dialog to upload an image from your computer.
- Click the Edit tab and then the Wiki Markup tab.
- At the place on the page where you want to display the image, type the wiki markup shown here, using the name of your image.
Markup |
Displayed Image |
---|---|
!caBIGlogo.gif! |
|
To insert an image that is attached to another page, use the wiki markup shown here, with the names of your image, page, and space.
Image location |
Markup |
Displayed Image |
---|---|---|
Attached to another page in the same space (Be sure all users in your group can view the page.) |
||
|
||
Attached to another page in a different space (Be sure all users in your group can view the page.) |
|
|
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