Pictures with Footnotes

Posted by Helmut_pdorfHelmut_pdorf on 03 Sep 2012 13:08, last edited by Helmut_pdorfHelmut_pdorf on 04 Sep 2012 05:40
Tags:

This page was created for the answer in the community forum thread: http://community.wikidot.com/forum/t-557710/put-pictures-with-footnotes-in-the-text#post-1554941

Using snippets:image

Title-text
Title-Text

This is a test to show the working of the snippets:image box.. to present it in a posting ( where "includes" are not working) .
Notice the image is set to floating=right !
And the "Title-text" is set into the caption to show it under the image!

Done with :

[[include :snippets:image
|image=flickr:4949047179
|width=200px
|float=right
|heading=
|caption=**Title-Text**
|link=flickr:4949047179
|alt=Title-text
|title=Title
]]


Another trick with Linefeed inside Cell:

Text...
flickr:4949047179
Title-text

Done is this with such a div and table:
the easiest was is to use the "space" + "underscore" trick for a linefeed inside a table-cell ( must be the last characters in a line!)

[[div style="float:right;margin-left:20px;"]]
||~ [[[text...|Text...]]] ||
|| [[image flickr:4949047179 size="small"]] _
**Title-text**||
[[/div]]

Remarks:
a) The normaly missing "float=right" (the image-floating is working only inside the table-cell !) has to be done with a [[div style="float:right;"]] over the table..
b) The "Title-text" UNDER the image is "not centered" - it ( and the complete line of it ) is the "rest" of the image cell above.
If you want to have this text centered than you can create an extra cell for it or use the expanded table source code where you can blank out the cell borders.. ( and make the text inside the "invisible cell centered").


Hope this helps!


Number of Comments: 0)

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License