Cómo mover imágenes en Dreamweaver CS5

Por c. taylor

Paso 1

Abre tu documento HTML en Adobe Dreamweaver CS5.


Paso 2

Haz clic en "Dividir" en la parte superior de la ventana de la página. Mostrará la vista de Diseño y de Código.


Paso 3

Haz clic en la imagen que deseas mover. Se resaltará el texto de la imagen en el panel de Vista de código.


Paso 4

Encierra el código IMG completo con el siguiente texto en el panel de Vista de código:

<div style="position:absolute"> ... </div>

Como ejemplo, tu código podría verse así:

<div style="position:absolute"><img src="image.jpg" width="500" height="400" /></div>


Paso 5

Haz clic en la imagen nuevamente en el panel de Vista de diseño. Aparecerá un pequeño cuadrado azul encima de la parte superior izquierda de la imagen.


Paso 6

Haz clic en ese cuadrado y arrástralo para posicionar tu imagen en cualquier lugar de la página, sin limitaciones.


Paso 7

Presiona la tecla "Ctrl" y luego presiona "S" para guardar los cambios.