Foros del Web » Creando para Internet » HTML »

imagen background con mapa

Estas en el tema de imagen background con mapa en el foro de HTML en Foros del Web. holis queria saber si es posible con una imagen que esta en un backgraund poder usar map hacer un mapa lo he intentado pero no ...
  #1 (permalink)  
Antiguo 18/04/2008, 15:05
 
Fecha de Ingreso: abril-2007
Mensajes: 59
Antigüedad: 10 años, 7 meses
Puntos: 0
imagen background con mapa

holis
queria saber si es posible con una imagen que esta en un backgraund poder usar map
hacer un mapa
lo he intentado pero no me toma la imagen.Por las dudas aclaro que mi duda no es como hacer el map ya que lo he utilizado antes pero con imagenes que no estan en backgraund estan en un td por ejemplo
porque me dieron una imagen loguin que ya tiene todo el formulario de loguin
le agregue las cajas de texto pero los botones estan en la imagen y no se com hacer
el href y que quede la manito al pasar sobre el boton si no tengo imagen para traer
graciasss
  #2 (permalink)  
Antiguo 19/04/2008, 15:11
 
Fecha de Ingreso: abril-2008
Ubicación: -
Mensajes: 156
Antigüedad: 9 años, 7 meses
Puntos: 5
Re: imagen background con mapa

No es posible, lo siento.


Un saludo.
  #3 (permalink)  
Antiguo 19/04/2008, 16:22
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: imagen background con mapa

Hola, sheilac.

Creo que para conseguir lo que dices, no necesitas usar un mapa. Lo que puedes hacer es colocarle encima un enlace que no se vea.

Para eso primero prueba este código:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>FCSS - Hosting</title>
<meta http-equiv="content-type"
content="text/html; charset=iso-8859-1" />
<style type="text/css">
a { text-decoration: none;}
a span { padding: 4px 10px;
background-color: rgb(102, 204, 204);
}
</style>
</head>
<body>
<a href="#"><span>Boton</span></a>
</body>
</html>
Una vez que hayas ajustado el tamaño del vínculo al del botón dibujado, añades al selector css "a span" un visibility: hidden; y le quitas el background-color: rgb(102, 204, 204);, con lo que el vínculo quedará invisible pero funcional, apareciendo la mano que indica un vínculo. Que te quede:

a span { padding: 4px 10px;
visibility: hidden;
}

Aunque quizá no sea exactamente tu caso, creo que si te basas en esto podrás conseguir lo que quieres.
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 22:02.