Foros del Web » Creando para Internet » CSS »

texto en caja irregular

Estas en el tema de texto en caja irregular en el foro de CSS en Foros del Web. Hola! quiero hacer una cosa pero no sé si es posible, al menos no he encontrado nada por ahí que me de una solución. El ...
  #1 (permalink)  
Antiguo 10/06/2008, 05:48
 
Fecha de Ingreso: noviembre-2004
Mensajes: 123
Antigüedad: 13 años
Puntos: 0
texto en caja irregular

Hola!
quiero hacer una cosa pero no sé si es posible, al menos no he encontrado nada por ahí que me de una solución.

El caso es que quisiera poner texto a la derecha de una imagen pero que la caja no sea recta, sino que fluya según una forma irregular, podría hacerlo a mano poniendo la caja del texto como absoluta y situando espacios a la izquierda de cada línea hasta que se coloque donde yo quiero, pero me gustaría saber si alguna forma más sencilla de hacerlo.

Os dejo un ejemplo de lo que quiero,
muchas gracias de antemano!

  #2 (permalink)  
Antiguo 10/06/2008, 07:10
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Respuesta: texto en caja irregular

Hola seterek

Mira si te sirve este enlace:

http://meyerweb.com/eric/css/edge/raggedfloat/demo.html

Saludos,
  #3 (permalink)  
Antiguo 10/06/2008, 07:32
 
Fecha de Ingreso: noviembre-2004
Mensajes: 123
Antigüedad: 13 años
Puntos: 0
Respuesta: texto en caja irregular

Muchas gracias JavierB, justo lo acababa de ver, pero ya lo he solucionado haciéndolo como os dije en el otro post, con la capa de texto absoluta sobre la imagen y dando padding-left a cada línea de texto. En mi opinión es menos lioso, no hay que crear varias imágenes.
  #4 (permalink)  
Antiguo 10/06/2008, 08:23
Avatar de MoDoRrO  
Fecha de Ingreso: septiembre-2005
Ubicación: Php+Flash+AS
Mensajes: 1.072
Antigüedad: 12 años, 2 meses
Puntos: 12
Respuesta: texto en caja irregular

y como es eso??? me gusdtaria hacerlo tmb

Gracias
  #5 (permalink)  
Antiguo 10/06/2008, 09:19
 
Fecha de Ingreso: noviembre-2004
Mensajes: 123
Antigüedad: 13 años
Puntos: 0
Respuesta: texto en caja irregular

MoDoRro, lo que he hecho es muy "artesanal", está bien para alguna página de diseño especial, pero vamos, mí me ha funcionado muy bien para lo que quería.

La capa de la foto la pones relativa y dentro de esa misma capa pones la de texto, que sea absoluta y la posicionas con top y left donde quieras.
Y luego ya es dar a cada línea el margin-left necesario para que fluya a la derecha de la imagen.

Aquí te dejo el código, espero que te sirva de ayuda:


Código:
<div style="margin-right:10px; position:relative;"><img src="foto.jpg" />

<div style=" position:absolute; width:525px; left:5px; top:0;">
<p>
   <span style="margin-left:100px;">texto texto texto texto texto texto texto texto texto texto texto texto texto texto </span> <br/>
   <span style="margin-left:130px;"> texto texto texto texto texto texto texto texto texto texto texto texto texto texto </span><br/>
   <span style="margin-left:160px;"> texto texto texto texto texto texto texto texto texto texto texto texto texto texto </p>
   <span style="margin-left:170px;"> texto texto texto texto texto texto texto texto texto texto texto texto texto texto </span><br/>
</p>

</div>
  
</div>
  #6 (permalink)  
Antiguo 10/06/2008, 21:16
Avatar de MoDoRrO  
Fecha de Ingreso: septiembre-2005
Ubicación: Php+Flash+AS
Mensajes: 1.072
Antigüedad: 12 años, 2 meses
Puntos: 12
Respuesta: texto en caja irregular

Gracias men!!!

lo probare

SLDS
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:01.