tparvaiz wrote:<tt>figcaption</tt> is HTML, not CSS. And in your case:
I am trying to put some text on an image using css functionality figcaption
it is very, very invalid HTML.
<ul class="uFigures"> <img src="#WORKSPACE_IMAGES#PICUTRE_1.png" border="0" alt=""> <figcaption>Headding: </figcaption> <figcaption_TEXT>&P9_TEST.</figcaption_TEXT> </ul>
I can put the 1st one with no issues but when I am trying to put a second text on to the image, it's behaving strangely (it's putting text to the bottom right side of it)You appear to be trying to persist in using a single image against Re: is there a way to add text to the image automatically. I have recreated the HTML5+CSS example app from that thread in your workspace so you can study it better. The correct HTML mark-up for 2 images with data overlays is in the Score Board region:
<ul class="uFigures"> <li> <figure title="Scotland"> <img src="#APP_IMAGES#gb-sct.png" alt="Scotland"> <figcaption>&P1_SCT.</figcaption> </figure> </li> <li> <figure title="England"> <img src="#APP_IMAGES#gb-eng.png" alt="England"> <figcaption>&P1_ENG.</figcaption> </figure> </li> </ul>
Plus, when I put a reference to the item (&P9_TEST.) it doesn't display at all.That's very simple: <tt>P9_TEST</tt> doesn't have a value in session state when the <tt>&P9_TEST.</tt> reference in the FigCaption region is rendered. Page item values set using item Source or Default properties don't enter session state until the page is submitted. If you want the value to be available during page show it must be set using a computation or process that is evaluated before the item is rendered or referenced.