Sie sind nicht angemeldet.

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

MarcW.

Fortgeschrittener

  • »MarcW.« ist der Autor dieses Themas

Beiträge: 282

  • Nachricht senden

1

Freitag, 7. Dezember 2012, 11:17

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

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?

Quellcode

 
1
2
3
4
5
6
7

<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.

Fortgeschrittener

  • »MarcW.« ist der Autor dieses Themas

Beiträge: 282

  • Nachricht senden

2

Freitag, 7. Dezember 2012, 12:02

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

Administrator

Beiträge: 13 499

  • Nachricht senden

3

Mittwoch, 12. Dezember 2012, 14:13

Hi,

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

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

Best regards,
Klaus

MarcW.

Fortgeschrittener

  • »MarcW.« ist der Autor dieses Themas

Beiträge: 282

  • Nachricht senden

4

Mittwoch, 12. Dezember 2012, 15:03

Hi Klaus,
thank you for your hint!

Best,
Marc

marco.lanciani

Schüler

Beiträge: 130

  • Nachricht senden

5

Samstag, 29. Dezember 2012, 02:49

Text partially behind the image, instead of below [SOLVED]

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:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

		<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>
Marco

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »marco.lanciani« (12. Januar 2013, 20:47)

marco.lanciani

Schüler

Beiträge: 130

  • Nachricht senden

6

Samstag, 29. Dezember 2012, 12:50

... 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,
Marco

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »marco.lanciani« (12. Januar 2013, 20:48)

Ähnliche Themen