texto alrededor de una imagen

[Farothx]

Hola. estoy maquetando una pagina pero en CSS no se como hacer para que me quede como en photoshop
esta screen es de como lo tengo en PS...



cuando lo paso a CSS me queda el texto todo arriba y la imagen abajo en un costado

este es el codigo que tengo:

Código HTML:

#parrafo {
text-align:justify;
line-height:90%;
text-indent:50px;
float: left;
margin-top: 70px ;
width: 940px;
height: 340px;
}
	
#us {
	float: right;
}




------




<div id="parrafo">
<p>Iniciamos nuestras actividades en el añó 2011 persiguiendo el sueño de ser un referente en el ámbito de la moda. Nos interesa que te 
veas bien y que cada vez que nos visistes estés contenta con nuestra propuesta. Somos un espacio de encuentro que tiene como 
objetivo primordial resaltar los puntos más fuertes de tu 
belleza. Contamos con un equipo de profesionales que 
proponen llevarte a las ultimas tendencias en material de
moda y belleza.
Sabemos lo que te importa y queremos cuidarte, para que 
encuentres en nuestro lugar, la confianza que necesitas
para permitirnos crear con tu cabello

Te esperamos. </p>

<img id="us" src="images/us.png">
</div> 

[furoya]

Hay algo en tu consulta que me da un poco de miedo... ¿qué fotochop no es para hacer imágenes?
¿Estás pretendiendo que una página web se comporte como una foto?
¿Y por que no metes la captura en una etiqueta <img> y te ahorras todos los problemas?

Bien, te dejo un enlace donde estuvimos hablando de esto.

Flotar abajo a la derecha.

Hay alguna herramientas online que simulan estas flotaciones irregulares usando "espaciadores", pero el método es tan lamentable como pretender que lo usen fuera de un sitio experimental.

[Farothx]

eh? una foto como una pagina?

la screen que puse es de mi photoshop
y así es como pretendo que me quede en html....
no etiendo tu pregunta : |


Leí tu post e hice eso de poner un parrafo largo
uno a la mitad y la foto en la otra mitad. gracias :)

[C2am]

Hola
La solución es no flotar el párrafo, solo la imagen, de manera que el texto envuelva a la imagen.

Código HTML:

<div id="parrafo">
<p>Iniciamos nuestras actividades en el añó 2011 persiguiendo el sueño de ser un referente en el ámbito de la moda. Nos interesa que te 
veas bien y que cada vez que nos visistes estés contenta con nuestra propuesta. Somos un espacio de encuentro que tiene como 
objetivo primordial resaltar los puntos más fuertes de tu 
belleza. 
<img id="us" src="img/us.png" />
Contamos con un equipo de profesionales que 
proponen llevarte a las ultimas tendencias en material de
moda y belleza.
Sabemos lo que te importa y queremos cuidarte, para que 
encuentres en nuestro lugar, la confianza que necesitas
para permitirnos crear con tu cabello
 
Te esperamos. </p>
 
</div>
 

Código CSS:

#parrafo {
text-align:justify;
line-height:90%;
text-indent:50px;
margin-top: 70px ;
padding:10px;
width: 940px;
height: 340px;
}
    
#us {
    width:600px;
    float: right;
    margin:10px;
}
 

[furoya]

Iniciado por Farothx

y así es como pretendo que me quede en html....

Justamente. Ése era el problema. Ahora sabes que eso que es tan fácil de hacer en un editor de fotos, es imposible en una página web.

Los trucos que hay son muy precarios. Pero de momento, es con lo único que contamos.

De nada.

[mechaz]

Bueno, en una entrada de blogger puedes lograr esto fácilmente, seria bueno que revisases el código que te ofrece blogger, y con eso te puedes guiar.

[furoya]

Qué maravilla. ¿En serio resolvieron facilmente lo de flotar abajo a la derecha?
Unos genios estos de bloguer. A mí también me gustaría ver cómo lo hacen.