Comunidad de diseño web y desarrollo en internet online

Texto html con imagen, <br> o <p> no andan

Citar            
MensajeEscrito el 18 Mar 2008 11:46 pm
Este problema lo tuve varias veces, desde AS2.0 pero hoy lo tengo con AS3 y no le encuentro una solución aunque debería ser fácil.

Tengo este código:

Código :

var texto:TextField = new TextField();
texto.x = 0;
texto.y = 0;
texto.width = 500;
texto.height = 400;
texto.multiline = true;
texto.wordWrap = true;
texto.htmlText = "Un texto cualquiera,<br><img src='fotos/foto1.jpg'><br>otro texto cualquiera.";


La imagen mide 400 de ancho x 300. Por tanto el segundo texto que dice "otro texto cualquiera" no queda debajo de la imagen si no al costado, por mas <br> y <p> que le haga.

Incluso me pasa que si hay mucho texto o la imagen mide mas de 400 de alto una orden como texto.maxScrollV no detectan que debiera existir un scroll, sencillamente no reconoce el alto de ese texto.

Alguna guía o alguien con un problema similar ?

Por elQuique

25 de clabLevel



Genero:Masculino  

Florida, Uruguay

firefox
Citar            
MensajeEscrito el 20 Mar 2008 09:16 pm
probaste con <br /> ??

Por tomasdev

220 de clabLevel

1 tutorial

 

Argentina por ahora...

firefox
Citar            
MensajeEscrito el 20 Mar 2008 11:52 pm
Si, también con <br />, aunque si no admite HTML tenia menos esperanzas de que funcione con xHTML.

El problema es que texto html con imágenes, no funciona bien de ninguna forma, una pena con lo útil que sería.

Por elQuique

25 de clabLevel



Genero:Masculino  

Florida, Uruguay

firefox
Citar            
MensajeEscrito el 21 Mar 2008 02:44 am
y con \n no probaste ?? tiene q funcionar de algun modo y estoy seguro que con \n tiene que.

Por tomasdev

220 de clabLevel

1 tutorial

 

Argentina por ahora...

firefox
Citar            
MensajeEscrito el 21 Mar 2008 03:22 am
loon lo que elQuique quiere decir es que cuando pone un texto y una foto, el texto aparece siempre a un costado de la foto aunque él ponga <br> ó <p> , el problema se resuelve poniendo varios <br>, pero es una forma muy ineficiente ya que siempre tendras que calcular la cantidad de etiquetas <br> para que se acomode el texto y la foto bien, cuando en teoria con una etiqueta <p> se supone deberia quedar arriba la foto y abajo el texto.

asi quedaria "bien".

Código :

var texto:TextField = new TextField();
texto.x = 0;
texto.y = 0;
texto.width = 500;
texto.height = 400;
texto.multiline = true;
texto.wordWrap = true;
addChild(texto)
texto.htmlText = "<img src='foto.jpg'><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.otro texto cualquiera.";


pero esto en mi opinion no es lo correcto ya que al trabajar con texto externo cuando el codigo html ya no es posible modificar todo estara mal diseñado.

Por DiegoAzul

376 de clabLevel



 

Mx

firefox
Citar            
MensajeEscrito el 21 Mar 2008 06:56 am
Exactamente ese es el problema DiegoAzul, como que la foto quedara en modo rodear con texto, a pesar de que deba estar sola en una línea. La solución que das, funciona, de hecho lo hice algunas veces, pero claro no me gusta jeje, primero que es recontra cochino jaja y segundo que hay que hacer tantos BR como altura tenga la foto.

Para eso imprimo la foto, escribo con una BIC a mano el texto, escaneo y meto todo como imagen :P jaja

Por elQuique

25 de clabLevel



Genero:Masculino  

Florida, Uruguay

firefox
Citar            
MensajeEscrito el 21 Mar 2008 02:34 pm
Bueno, iba a poner la solución pero primero probé en flash, y la verdad que no se puede. La solución que estoy pensando es ponerlo en 2 textFields o hacer una tabla de 1 sola col y 2 row, donde la row de arriba tiene la imag y la de abajo el texto.

En html común se hace, con CSS:

Código :

img {
  float:left;
}
p {
  clear:both;
}

Por tomasdev

220 de clabLevel

1 tutorial

 

Argentina por ahora...

firefox
Citar            
MensajeEscrito el 21 Mar 2008 05:19 pm
Loon, gracias por tu aporte, pero yo se como se hace en html y css, lo que no funciona es con Flash, que tampoco soporta (por ahora) la etiqueta TABLE.

Por elQuique

25 de clabLevel



Genero:Masculino  

Florida, Uruguay

firefox
Citar            
MensajeEscrito el 21 Mar 2008 05:33 pm
pero en flash no se hace con table, se hace con textformat y tabstops...
yo no sé nada de flash pero como me llamó la atención te respondí...

Por tomasdev

220 de clabLevel

1 tutorial

 

Argentina por ahora...

firefox
Citar            
MensajeEscrito el 21 Mar 2008 05:40 pm
A ok, pensé que me decías de usar Flash con Table :P

La idea es un archivo HTML hecho específicamente para ser mostrado en Flash, únicamente en Flash, con las reglas que dice Flash soporta y que muestre:

Texto
Imagen
Texto
Imagen

sin encimarse, uno debajo de otro como botón de chaleco :P

Por elQuique

25 de clabLevel



Genero:Masculino  

Florida, Uruguay

firefox
Citar            
MensajeEscrito el 21 Mar 2008 05:44 pm
las reglas que dice flash soportar son mentiras.... dice soporta CSS1 y la verdad es que en CSS1 existía float:left y clear:both, y flash no lo soporta...

poniéndolos separados no te sirve ? me refiero en distintos textfields

Por tomasdev

220 de clabLevel

1 tutorial

 

Argentina por ahora...

firefox
Citar            
MensajeEscrito el 21 Mar 2008 08:50 pm
Si bueno, el tema esta en que dice soportar CSS 1 para las etiquetas que admite que son: <p>, <br>, <b>, y algunas mas, incluso hay un articulo de eso en este mismo sitio (no recuerdo donde).

Sobre lo de hacerlo en textfields separados, en este caso no me sirve, este proyecto cuenta con un panel de administración en php, que almacena todo en una base de datos mysql. Luego flash, recoge un XML generado por PHP con el contenido y lo presenta en objetos pre-establecidos, un objeto galería, otro vídeo, imagen, y otro del tipo texto que consta de un titulo y un campo de texto. En este ultimo, surgió luego el tema de poder editar con unas mínimas etiquetas HTML, lo cual solucionamos del lado php/mysq, pero al mostrarlo en Flash, tenemos los inconvenientes mencionados, lo cual ya nos paso varias veces y solucionamos con trucos como los br, convencer al cliente de hacerlo diferente, etc.

Soluciones hay muchas, y las hemos realizado así, pero me parecía curioso que una funcionalidad tan común y promocionada, como soportar HTML en cajas de texto, no funcione bien, pensé que era tontera o falta de conocimientos nuestros, buscamos por varios lugares y bueno me decidí a preguntar a ver si había otros con el mismo problem :)

Por elQuique

25 de clabLevel



Genero:Masculino  

Florida, Uruguay

firefox
Citar            
MensajeEscrito el 30 Dic 2009 05:40 pm
uhhh yo tengo el mismo problema...crei q iba a encontrar la solucion al final del topic :P
es rarisimo q no funcione de ninguna forma...y no me convence para nada lo de meter tantos <br>... quedo a la espera de algun centro :lol: saludos

Por yo_k_ballo

13 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.