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
  Zoom en imagen cmascreativo.ml 7 98 05-10-2018, 09:51 PM
Último mensaje: ReyNexo23
  HTML id de clases PabloA3 2 53 06-09-2018, 04:27 PM
Último mensaje: PabloA3
Sonrisa Login->html+js+ajax+php wpadilla 2 333 05-11-2017, 12:39 PM
Último mensaje: piensaengrande
  PRIMER PAGINA WEB HTML DEL MUNDO Smithcanal 27 1,154 21-10-2017, 01:47 AM
Último mensaje: ReyNexo23
  Plantillas HTML Responsive Free Profesionales gassip 16 888 13-06-2017, 03:45 AM
Último mensaje: gassip
Música [Aporte] Reproductor de audio html djsmokingcr 11 877 02-05-2017, 03:04 AM
Último mensaje: gassip
  Solucionado: escribir en una imagen php firmas Sergio09 2 296 13-12-2016, 08:33 PM
Último mensaje: DarkMaster
  [Tutorial] Métodos para redireccionar URLs (HTML, PHP y Javascript wiston3 1 361 01-12-2016, 11:12 PM
Último mensaje: zeuz
  Expandir etiquetas HTML en documento .php con EMMET gassip 2 494 18-11-2016, 07:28 PM
Último mensaje: DaveNPlay
  [Aporte] PcTag: Información HTML KesiaMuller 0 384 28-10-2016, 05:42 AM
Último mensaje: KesiaMuller



Usuarios navegando en este tema: 1 invitado(s)