Comunidad de usuarios de Drupal

Alinear imágenes
Alinear imágenes usando IMCE y código HTML.

1. En Formato de entrada (bajo la página a editar) seleccione la opción Full HTML.

2. Para insertar una imagen dentro del contenido, puede utilizar un módulo como IMCE o escribir el código HTML en la ubicación donde se mostrara la imagen.

Ejemplo:

<img src="/sites/default/files/nombre-imagen.png" width="128" height="128" alt="nombre_alternativo_imagen" />

src="dirección URL de ubicación de imagen"
width="ancho en px"
height="alto en px"
alt="nombre alternativo de imagen"

Notas: Por defecto la imagen se muestra a la izquierda y el texto se muestra sobre y bajo la imagen.

3. Para alinear la imagen al centro o la derecha, use la etiqueta align+center o right y <p>
Agregando el código al ejemplo anterior:

Alinea la imagen al centro

<p align="center"><img src="/sites/default/files/nombre-imagen.png" width="128" height="128" alt="nombre_alternativo_imagen" /></p>

Alinea la imagen a la derecha

<p align="right"><img src="/sites/default/files/nombre-imagen.png" width="128" height="128" alt="nombre_alternativo_imagen" /></p>

4. Para agregar texto a los lados de la imagen, mueva la etiqueta align+left o right dentro de la etiqueta img.
Agregando el código al ejemplo anterior:

Alinea la imagen a la izquierda y coloca el texto a la derecha de la imagen.

<p><img src="/sites/default/files/nombre-imagen.png" align="left" width="128" height="128" alt="nombre_alternativo_imagen" /></p>

Alinea la imagen a la derecha y coloca el texto a la izquierda de la imagen.

<p><img src="/sites/default/files/nombre-imagen.png" align="right" width="128" height="128" alt="nombre_alternativo_imagen" /></p>