HTML - Imagen y texto

 
Vista:
Imágen de perfil de Cristian
Val: 4
Ha disminuido su posición en 108 puestos en HTML (en relación al último mes)
Gráfica de HTML

Imagen y texto

Publicado por Cristian (41 intervenciones) el 19/07/2013 17:41:55
hola a todos.... como puede hacer para al poner una imagen mas chica que la seccion, pueda poner un parrafo que arranque al lado de la imagen y continue abajo.

<article style="width:275px; float:right; ">
<h5 style="text-align:left;margin:0px; color:#FFFFFF; background:#B88AC2; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px;">SECCION</h5>
<h3 style="text-align:left; margin:0px; color:#006699; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:14px;padding:2px;">TITULO SECCION
</h3>
<img alt="" src="03-04-docente_jpg_2039641577.jpg" width="160" height="100" style="padding:2px; margin-bottom:2px; ">

<p style="text-align:justify; margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:2px; margin-bottom:10px; ">
LALALALALALALALALAAL LALALALALALA

</p>

</article>


De esta forma el texto lo empieza a poner abajo y necesito que comience al lado.

Espero haber sido claro.

Saludos y gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 1.144
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Imagen y texto

Publicado por xve (1543 intervenciones) el 21/07/2013 09:16:28
Hola Cristian, para ello, a la imagen dale el atributo align="left", de esta manera el texto empezara en su lado derecho... siempre y cuando quepa... mira tu mismo ejemplo modificado:

1
2
3
4
<img alt="" src="03-04-docente_jpg_2039641577.jpg" width="160" height="100" style="padding:2px; margin-bottom:2px; " align="left">
<p style="text-align:justify; margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:2px; margin-bottom:10px; ">
LAL ALALALALALALALAAL LALALALALALA
</p>


Si estas utilizando html5, te recomiendo utilizar el tag <figure>
1
2
3
4
<figure>
    <img src="03-04-docente_jpg_2039641577.jpg" width="200" height="200" alt="sample image description" style="float:left;" />
    <figcaption style="float:left;">LAL ALALALALALALALAAL LALALALALALA</figcaption>
</figure>


Espero que te sirva...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Cristian
Val: 4
Ha disminuido su posición en 108 puestos en HTML (en relación al último mes)
Gráfica de HTML

Imagen y texto

Publicado por Cristian (41 intervenciones) el 21/07/2013 17:42:03
hola xve...
gracias por responder.... me sirvió lo tuve que tocar pero era la idea...

Muchas gracias !!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar