Alinear imágenes en Drupal 6
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>
- Inicie sesión o regístrese para enviar comentarios
Comentarios
Problema con Imagen
Hola,
tengo un problema de visualización de imágenes.El objetivo es poner una imagen en una página haciendo uso exclusivo de html. Comencé por crearme como contenido una página. Al configurar el cuerpo de la misma, seleccioné el formato full html.
¿Se supone que con esto puedo meter cualquier código html en el cuerpo de la página no?
Pues lo que quería es que se me visualice una imagen. Lo hice poniendo lo siguiente:
'<'img src="/sites/default/files/imagen.png" width="128" height="128" />
pero sin las comillas simples del símbolo < (las puse porque no se como hacer que el símbolo < se interprete como caracter).
El resultado es que no visualiza la imagen. Sin embargo, funciona los tags de html porque si pongo:
'<'b>Este texto está en negrita
sin las comillas del símbolo <.
En la vista preliminar el texto se visualiza correctamente (en negrita).
Sistema con el que trabajo:
Ubuntu
Xampp
Drupal (este directorio situado en htdocs)
Gracias.
[Solucionado] problema con drupal página img src
Ya se me ve la imagen. Le describo un poco el problema:
yo tenia xampp situado en /opt (/opt/lampp),
y drupal en /opt/lampp/htdocs. (/opt/lampp/htdocs/drupal)
El nombre y ubicación de la imagen era era
/opt/lampp/htdocs/drupal/sites/files/imagen.png
Entonces al hacer img src = URL, esa URL era /sites/files/imagen.png.
Sin embargo, no pilla esa URL (no se mostraba nada en el contenido de la página).
Al poner URL="/drupal/sites/files/imagen.png" SÍ la pilla.
No sé por qué, pero parece que la URL debe ser relativa a la carpeta del servidor web donde se alojan las páginas webs, siendo el directorio raíz (/) htdocs.
Como podreís observar no me entero muxo de hacer páginas web, pero como dicen que con drupal se pueden hacer las cosas con mucha potencia y sencillez...
Saludos.
Alinear imagenes pero sin codigo
Hola, la idea mia es crear un tipo de contenido con imagenes y textos, alinear la imagen teaser y full. pero al momento de crear el contenido con titulo, imagen teaser y texto, resulta que no me muestra el texto alrededor de la imagen. eso es lo que quiero, no poner al usuario a que le meta codigo por propiedades.
Gracias.