Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Colocar una imagen encima de otra HTML
#1
[Imagen: 5xF5pOU.jpg]


Este código HTML sirve para colocar una imagen encima de la otra y la puedes mover segun tu gusto.

Código:
<DIV STYLE="position:absolute; top:36px; left:240px; visibility:visible z-index:1">
<IMG height="73" SRC="URL DE TU IMAGEN" width="800">
</div>


Con "top" y "left" puedes mover tu imagen cambiando el valor de los px. "top" sirve para mover hacia arriba o abajo y "left" sirve para mover hacia izquierda y derecha.

Usando dos veces este código, puedes colocar una imagen encima de la otra.

Espero que les sirva, y dejen su comentario.

Un saludo
[align=center]Servicio Técnico MADRID

[Imagen: EIoHhsH.png]

Firma editada por Moderación: Sitio web no alojado en Skylium (spam).
#2
Tambien seria bueno colocar un clear:both para que no se desajuste, pero recuerden que pueden ocurrir erores puesto al no utilizar bien los floats se ajustan al navegador y no al contenedor.
#3
Esto puede servir para poner un texto sobre una imagen?? Porque quiero poner un nombre de usuario sobre una imagen en una posición justa, pero si el nombre es mas largo de cambia de posición.. Lo mismo pasa si el nombre de usuario es más corto.

Un saludo!
Se buscan colaboradores para comenzar con un foro de programación en general.

www.programarg.com
WWW
#4
no solo utiliza html tambien usa css3 que son una combinacion exelente para el diseño web ademas tambien agrengandoles java script para completar los mejor toque a tu sitio
#5
Excelente aporte me sirvió para refrescar los conocimientos Sonrisa, no cabe duda que uno no termina de aprender nunca, saludos.
#6
No entiendo mucho osea serviría un ejemplo ya que osea que función o propósito traería hacer esto?
#7
no te conviene usar la posicion relativa?
... ¡Me gusta!
WWW
#8
(19-10-2013, 05:52 PM)Gonzalo escribió: Esto puede servir para poner un texto sobre una imagen?? Porque quiero poner un nombre de usuario sobre una imagen en una posición justa, pero si el nombre es mas largo de cambia de posición.. Lo mismo pasa si el nombre de usuario es más corto.

Un saludo!

Si se podria, tendrias que remplazar el <img por un <p>Texto</p>
MIS OBJETIVOS EN SKYLIUM

-Llegar a 50   mensajes [✔]
-Llegar a 100 mensajes [✔]
-Llegar a 250 mensajes [✔]
-Conseguir 25 de reputacion []

#9
Muchas gracias Minikole!! Lo probe asi y me funciono!! Gran sonrisa

Ahora si no se mueve. Pasa que dependiendo del tamaño del monitor con el que se veia, se movia a la izquierda o la derecha.
Se buscan colaboradores para comenzar con un foro de programación en general.

www.programarg.com
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
Sonrisa Login->html+js+ajax+php wpadilla 2 299 05-11-2017, 12:39 PM
Último mensaje: piensaengrande
  PRIMER PAGINA WEB HTML DEL MUNDO Smithcanal 27 1,070 21-10-2017, 01:47 AM
Último mensaje: ReyNexo23
  Plantillas HTML Responsive Free Profesionales gassip 16 817 13-06-2017, 03:45 AM
Último mensaje: gassip
Música [Aporte] Reproductor de audio html djsmokingcr 11 776 02-05-2017, 03:04 AM
Último mensaje: gassip
  Solucionado: escribir en una imagen php firmas Sergio09 2 277 13-12-2016, 08:33 PM
Último mensaje: DarkMaster
  [Tutorial] Métodos para redireccionar URLs (HTML, PHP y Javascript wiston3 1 338 01-12-2016, 11:12 PM
Último mensaje: zeuz
  Expandir etiquetas HTML en documento .php con EMMET gassip 2 450 18-11-2016, 07:28 PM
Último mensaje: DaveNPlay
  [Aporte] PcTag: Información HTML KesiaMuller 0 357 28-10-2016, 05:42 AM
Último mensaje: KesiaMuller
  [Tutorial] Curso de PSD a HTML a WP habacuc78 14 911 31-08-2016, 09:33 PM
Último mensaje: ServiRemate
  [Duda] Cómo colocar canales de tv en mi web albert2227 3 360 10-01-2016, 06:45 AM
Último mensaje: Odisey



Usuarios navegando en este tema: 1 invitado(s)