Ver Mensaje Individual
  #8 (permalink)  
Antiguo 23/12/2010, 08:09
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 22 años
Puntos: 317
Respuesta: Flotar abajo a la derecha.

Pero sí, por supuesto. Gracias por ocuparse.

No puse condicionamientos porque no lo quiero para nada en particular, es que me pareció que no había un ejemplo hecho y quizá valga el trabajo de intentarlo.

Se me ocurre que podría ir en un sólo párrafo o div, y el esquema sería más o menos éste

Código:
|‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾|
| texto texto texto texto texto texto texto texto |
| texto texto texto texto texto texto texto texto |
| texto texto texto texto texto texto texto texto |
| este texto es continuación del:˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙: |
| anterior , sin salto de línea :    __         : |
| ni etiqueta . El ajuste de la :  <(o )___     : |
| imagen se hace como un 'float':   ( ._> /  ~~ : |
| por su ubicación al final del : ~  `---'  ~~  : |
| del párrafo (antes de </p>).  :...............: |
|_________________________________________________|
Damos por sobreentendido que el hecho de que la imagen "suba" desplazando el texto hacia la izquierda y termine alineada su base con la de la última línea, es un trabajo del navegador; tal y como lo hace con float: left (ejemplo a continuación), pero abajo.

(
Código:
<p style="width: 500px"><img style="float: left; 
width: 100px; height: 70px" alt="pato" src="pato.jpg"> 
texto con imagen arriba a la izquierda. texto ...</p>
)

El problema, que por otro lado tiene su lógica, es que la imagen termina alineada con la parte superior de la última línea de texto

Código:
|‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾|
| texto texto texto texto texto texto texto texto |
| texto texto texto texto texto texto texto texto |
| texto texto texto texto texto texto texto texto |
| texto texto texto texto texto :˙˙˙˙˙˙˙˙˙˙˙˙˙˙˙: |
|                               :    __         : |
|                               :  <(o )___     : |
|                               :   ( ._> /  ~~ : |
|                               : ~  `---'  ~~  : |
|                               :...............: |
|_________________________________________________|
Como ya estamos tirando ideas, les comento que probé (y no me funcionó) alinear el texto abajo, para ver si lo empujaba hasta el final; pero no quise usar filtros o transform para rotar el párrafo y adentro de nuevo el texto y la imagen por separado, así la podía poner arriba, y al final que apareciera abajo (rarísimo ¿no?. Lo escribo y ya esoy dudando de que funcione).

Todo lo que encontré es "sabiendo" (o más bien "suponiendo") qué altura van a tener las últimas líneas de texto, y así se acomodan casi a mano. Y sí, hay caraduras que publican eso como una solución.

Vamos a ver cómo nos va a nosotros. Si no se puede, al menos va a quedar la inquietud para que la lean los desarrolladores. No sería la primera vez que un asunto así, publicado en este Foro, termina solucionado en la siguiente versión de algún browser.

Otra vez, gracias.