Ver originales (Francés)

Mover una imagen en HTML

Tilep97411 Mensajes publicados 1 Estado Miembro -  
 feco -
Hola, estoy buscando cómo mover una imagen en mi página web a un lugar muy específico, utilizando el lenguaje HTML.

Configuración: Windows 7 / Firefox 18.0

2 respuestas

  1. feco
     
    ¡Hola, hola!

    Bueno, tienes dos fases: HTML y CSS.

    1- HTML
    creas tu div donde deseas recibir tu imagen y esto en otra div que será su padre para moverla. Ejemplo:

    <div class="parent">
    <div class="image1"><img src="#"></div>
    </div>

    2- CSS
    nuevo documento: CSS
    aquí estarán todos tus atributos de clase.
    O bien:

    .parent{
    width:500px;
    height:500px;
    }

    .image1{
    margin: 100px 0 0 50px;
    }

    (los valores significan: margin-top:100px; margin-right:0px; margin-bottom:0px; margin-left:50px;)

    Así que, resumiendo, tienes un bloque de 500px x 500px en el que incorporas tu imagen (debe ser más pequeña) que estará desplazada 100px hacia abajo y 50px hacia la derecha.
    3