Foros del Web » Creando para Internet » CSS »

Posición absoluta de iconos sobre una imagen

Estas en el tema de Posición absoluta de iconos sobre una imagen en el foro de CSS en Foros del Web. Estoy construyendo un callejero y quiero representar sobre una imagen de fondo otras imágenes (iconos) situadas por posición absoluta (x,y en pixels) que tengo guardada ...
  #1 (permalink)  
Antiguo 06/03/2008, 02:03
 
Fecha de Ingreso: agosto-2004
Mensajes: 14
Antigüedad: 19 años, 8 meses
Puntos: 0
Posición absoluta de iconos sobre una imagen

Estoy construyendo un callejero y quiero representar sobre una imagen de fondo otras imágenes (iconos) situadas por posición absoluta (x,y en pixels) que tengo guardada en una base de datos.
No sé si me estoy explicando bien. ..
Pongo un ejemplo: En la base de datos tengo registros del tipo x=256, y=128, img="/imagenes/hotel.jpg". Sobre una imagen de fondo que sea un plano de la ciudad quiero situar el icono de hotel en el pixel 256,128.
Alguna idea?.
  #2 (permalink)  
Antiguo 06/03/2008, 14:05
 
Fecha de Ingreso: febrero-2008
Mensajes: 62
Antigüedad: 16 años, 2 meses
Puntos: 1
Re: Posición absoluta de iconos sobre una imagen

Es posible hacerlo con posicionamiento absoluto (como has dicho) y haciendo uso de las propiedades: top, left, bottom o right.

Ejemplo:
Código:
.hotel {
position: absolute;
top: 128px; /* Este es el eje 'y' (vertical) */
left: 256px; /* Este es el eje 'x' (horizontal) */
}
Nada mas recordar que:
"la ubicación de un elemento con position:absolute se fija con respecto a la esquina superior izquierda de la página, a menos que ese elemento tenga un antepasado posicionado (es decir, con un valor relative, absolute o fixed para position), en cuyo caso su posición se fija con respecto a la esquina superior izquierda de ese antepasado."

http://www.sidar.org/recur/desdi/mcs...s/pos_abs.html
  #3 (permalink)  
Antiguo 06/03/2008, 14:14
 
Fecha de Ingreso: agosto-2004
Mensajes: 14
Antigüedad: 19 años, 8 meses
Puntos: 0
Re: Posición absoluta de iconos sobre una imagen

Gracias Amigo.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:59.