Cómo mover imágenes en Dreamweaver CS5

Escrito por c. taylor | Traducido por eliana caruso
  • Comparte
  • Twittea
  • Comparte
  • E-mail

De forma predeterminada, Adobe Dreamweaver CS5 permite un control limitado sobre la posición de tu imagen. Puedes hacer clic en una imagen y arrastrarla a otra ubicación de la página, pero su colocación será en alineación con otros elementos HTML, como textos y tablas. Esto significa que no tienes control absoluto sobre sus ubicaciones, ni tampoco puedes colocarla sobre otros elementos. No obstante, la inclusión de un simple código te permitirá este control completo.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre tu documento HTML en Adobe Dreamweaver CS5.

  2. 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.

  3. 3

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

  4. 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>

  5. 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.

  6. 6

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

  7. 7

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

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles