HTML - Imagen y Texto

Imagen y Texto

Publicado por Juan Pablo Gonzalez (5 intervenciones) el 23/11/2006 14:07:36

Saludos a todos ;

Estoy haciendo una pagina en HTML y necesito saber como puedo poner un text al lado de una imagen...

Ejemplo:

Aqui esta la imagen y quiero poner el texto al lado
este es el texto de prueba
este es el texto de prueba.

Juan Pablo Gonzalez

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

texto alrededor de la imagen

Publicado por Daniel Ulczyk (580 intervenciones) el 23/11/2006 23:34:13

Sencillo, utilizás CSS.
Imsertás, por ejemplo, lo siguiente entre las etiquetas <head></head>

<style type="text/css">

body {
font-family: Tahoma; font-size: 12px
}

img.floatLeft {
float: left;
margin: 4px;
}

</style>

Y luego imagen + texto (en HTML), queda así:

<p>
<img src="imagen.jpg" width="100" height="100" class="floatLeft">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce vel dolor a elit fermentum fringilla. Sed vitae justo vel mi aliquet posuere. Sed tellus dui, volutpat eget, porta nec, dapibus at, mauris. Fusce lacus pede, accumsan eget, hendrerit sit amet, venenatis et, purus. Integer scelerisque, metus in tincidunt lobortis, leo tellus viverra nunc, eget auctor ipsum orci vitae magna. Nulla molestie purus nec urna. Nam dignissim pulvinar ante. Maecenas pulvinar est a odio. Nam sagittis convallis purus. Phasellus pellentesque rhoncus magna. Nunc nunc libero, imperdiet vel, scelerisque ac, imperdiet elementum, diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed adipiscing vehicula lectus. In mi lectus, adipiscing a, eleifend in, rhoncus non, justo.
</p>

Suerte!

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar