Text below image with lots of <br/>´s

MarcW. · December 7, 2012 at 11:17 AM

Hi,
trying to use images in textfield but having problems that the image overlaps over the text.
So i put several <br/> after the image and it´s working finde in HTML5-Pano. But in the flash pano I need two <br/>´s more because otherwise it doesn´t show the first two letters of the text below.

Is there another solution for images and text in one textfield and how to render the textfield the same in html5 and flash?

Code

<data name="p1a">
	<font face="arial" size="16px" style="font-family:Arial; font-size:16px;">
		<b>Title</b>
	</font><br/>
	<img align="left" src="designbilder/fotos/p1a.jpg"/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
	<p>This is the text which should be shown below the image</p>
</data>

Regards,
Marc

MarcW. · December 7, 2012 at 12:02 PM

I think the problem has to do with the automatic left margin of images.
Because the width of my image is exactly as long as the width of the textfield, but there´s always a white border on the left, also in the example:

How to remove this margin?

Regards,
Marc

klaus.krpano · December 12, 2012 at 2:13 PM

Hi,

see the hspace and vspace settings here at 'Image' in the Flashplayer documentation:
http://help.adobe.com/en_US/FlashPla…d.html#htmlText

As alternative - you could use a krpano plugin/layer element with the image as child...

Best regards,
Klaus

MarcW. · December 12, 2012 at 3:03 PM

Hi Klaus,
thank you for your hint!

Best,
Marc

Marco Lanciani · December 29, 2012 at 2:49 AM

I have the same problem.

I even tried to raise the "height" value of the "layer name=textfield7181" from 720 to 920: the result is the same.

What's wrong?
Also, here's the code:

Code

<layer name="skin_btn_7181" visible="true" url="skin/zoominhotspot.png" keep="true" align="righttop" x="50" y="50" onclick="set(layer[textfield7181].visible,true);"/>
		
			<layer	name="textfield7181"
			url="%SWFPATH%/plugins/textfield.swf" keep="true" visible="false"
			align="center" x="0" y="0" width="720" height="720"
			children="false"
			html="data:html7181"
			css=""
			autoheight="false" vcenter="false"
			background="true" backgroundcolor="0xFFFFFF" backgroundalpha="0.7"
			border="false" bordercolor="0x000000" borderalpha="1.0" borderwidth="1.0"
			roundedge="20"
			shadow="10.0" shadowrange="5.0" shadowangle="45" shadowcolor="0x000000" shadowalpha="0.8"
			textshadow="1.0" textshadowrange="5.0" textshadowangle="0" textshadowcolor="0x000000" textshadowalpha="0.8"
			onautosized=""
			onclick="set(layer[textfield7181].visible,false);"
			/>
			
			<data name="html7181">
			<p align="center">
			<img src="img/IMG0001.jpg" style="float:left; padding:10px;"/></p>
			<br/>
			<p align="center">
			<font face="arial" size="14px" color="#444444">
			<b>TITOLO:</b><br/>
			<i>Titolo</i>
			<br/>
			<br/>
			<b>DIMENSIONI:</b><br/>
			<i>20x30cm</i>
			<br/>
			<br/>
			<b>ANNO:</b><br/>
			<i>2010</i>
			<br/>
			<br/>
			<b>TIPO:</b><br/>
			<i>Pittura</i><br/></font></p>
			</data>

Display More

Marco Lanciani · December 29, 2012 at 12:50 PM

... also, I've noticed that "autoheight" doesn't work with images, but only with text.

Is this a bug?

EDIT:
On the other end, using the same code with a vertical image, it works!

So, where's the error?
Or, might be a bug in "textfield"?

Thanks,

Text below image with lots of <br/>´s

Participate now!

Users Viewing This Thread