Comentarios sin revisar del artículo: Alineación de imágenes con HTML

jajaj muy fino el post

no mas puse esto en google
"poner una imagen y al lado texto en html"


jajajaja y aparecio lol

XD

Oye, qué buena onda! También sirrve para alinear videos o banners. Gracias.

Gracias, sos un grande

En el ejemplo
<p>
<img src="imagen.gif" align="left">Texto tan extenso como queramos que cubrirá la parte derecha de la imagen. Sigo poniendo texto para que se vea el efecto, Bla bla bla bla bla bla bla...
</p>
La imagen aparece apretada contra el texto. Eso no le da buena presencia. ¿Cómo escribo el código para aplicarle un padding de modo que el texto luzca mejor tanto arriba como abajo?
Muy agradecido por su web site. ¡Es excelente!
Miguel Ruiz

ME SIRVIO DE MUCHO TU AYUDA 1000 GRACIAS!!!

Muy bien la información pero desfasada, estos códigos no validan en la W3C... deberían actualizar contenidos.

me fue superrrr util!!
gracias por la información

gracias me sirvio de mucho la explicacion

En esta página, no se ven tampoco las imágenes así que el ejemplo ya no ilustra el código.
Los dos ejemplos quedan iguales.

hola visiten mi blog gracias www.amaurisblog.blogspot.com

Estoy alucinando, he puesto esto en mi html de prueba...

<p><img scr="avatar.gif" align="left">Este es el creador de la web, aficionadillo aun, pero algun dia esto sera grande, sino esperar y lo vereis, muahahahaha.</p>

La imagen no sale y esta en el mismo directorio, lo estoy corriendo bajo apache2 en ubuntu, pero lo mas curioso, es que la pagina que teneis para descargar de colores, me saca el gif de colores, copio esa linea textualmente a mi documento, y tampoco sale nada, es un absurdo, porque la misma linea de codigo en el mismo directorio referenciada a la misma imagen no funciona en un html y en el otro si...

Saludos.

GRACIAS ME SIRVIO MUCHO DE AYUDA TU EXPLICACION

Gracias por la info. me sirvió para publicar avisos en mercado libre. Te hago una consulta...que codigo se usa para alinear una imagen a la izquierda y otra a la derecha, en la misma línea?

Gracias de nuevo!!!

sabes estoy creando una web y tengo 2 imagenes en script y las tienen el mismo tmaño lo que quiero es alinear una a la derecha y la otra a la izquierda a la misma altura como si fueran una sola y no me sale
ESTA IRA A LA DERECHA
<center><script src="http://h2.flashvortex.com/display.php?id=2_1290961844_29983_347_0_468_60_9_2_21" type="text/javascript"></script></center>

Y ESTA A LA IZQUIERDA
<center><script src="http://h2.flashvortex.com/display.php?id=2_1290796112_35835_318_0_468_60_8_2_20" type="text/javascript"></script></center>

COMO LOS UNO ... GRACIAS

Muchas gracias x la info! n.n estuve como loca buscando eso DX! pero aah! es un alivio que lo hayas publicado :D! mi hi5 kedo muy bien con esos codigos! n.n
//o eso digo yo XD// haha~ XD bueno,,muchas gracias! :DDD!
Mi hi: x si lo kieren ver XD
http://zakurithap-nekithap.hi5
:3 baii!

El codigo que nos dan esta bien , pero no esta del todo completo , deben de poner este codigo que es el mismo , con la diferencia que agrega una tabla ¡no visible¡ .
aki lo dejo:
<p>

<table align="center" width="320" cellspacing="2" cellpadding="2" border="0">

<tr><td align="center" class="fuente8">Quedaría así:</td></tr>

<tr>

<td>

<img src=".gif" align="right" width="158" height="75">la unica dgerencia que ahora la imagen si que se encuentra a llado
</td>

</tr>

</table>

y gracias por hacerlo todo mas facil ;-)

no me sale el texto alineado al lado de la imagen, pongo <p> <img="imagen.jpg" align="right"> eeste texti deberia ur al lado de la imagen, en el lado opuesto blalblal.... </p> gracias, a ver si hay alguien que me pueda ayudar, me sale la imagen y solo un trocito al lado de la imagen

sin esto no hacia naa,,, gracias brothrrr..

no me sirvio para nada okey

Hola.

He investigado un poco sobre la solución sugerida, pero el atributo 'aling' está obsoleto desde el HTML 4.x, y en su lugar se emplea css. Ya sea a través de una hoja de estilo (.css) o dentro del contenido de la página.

CSS:

.centrar-imagen {
text-align: center;
}
img {
display: block;
margin: auto;
}

<div class="centrar-imagen"><img src="ruta"></div>

HTML:

<div style="text-align: center; "><img src="ruta"></div>