Cómo centrar una imagen en una columna

Centrar una imagen en una columna - Charkleons.com

Es algo muy fácil, y el problema la mayoría de veces radica en que tomamos la imagen centrada de una entrada, y la pasamos tal cual a una columna usando el gadget habitual de HTML / Javascript, pero, la imagen de la entrada trae unos códigos que hace que no quede centrada, y son los que debemos quitar; así de fácil. 

Ejemplo de una imagen centrada en una entrada:

<div class="separator" style="clear: both; text-align: center;">
<a href="URL que redirecciona o de la imagen" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" r6="true" src="URL de la imagen" /></a></div>

Quiten de sus códigos lo que está en color rojo y listo; su imagen se verá centrada en las columnas.

Si a nuestra imagen en la entrada le definimos un tamaño, saldrá el width="***" y el height="***" en alguna parte del código; pero esto no afecta para nada que la imagen quede centrada; a menos claro está, que la imagen sea más ancha que la columna. Recuerden que pueden dejar solo la medida del ancho -width- y los navegadores aplican automáticamente el height.

Otra opción que se usaba antes, y que tal vez en algún caso les pueda servir, sería agregar las etiquetas de <center> </center> Ésta opción es muy fácil y casi siempre funciona.

Espero que esta información les sea muy útil.

Gracias.

No hay comentarios:

Publicar un comentario

Gracias por comentar.

Charkleons.com