Mover una imagen en HTML
Tilep97411
Mensajes publicados
1
Estado
Miembro
-
feco -
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
Configuración: Windows 7 / Firefox 18.0
2 respuestas
¡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.
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.