imagen background con mapa

sheilac · #1 (**permalink**) 18/04/2008, 14:05

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

nedrek · #2 (**permalink**) 19/04/2008, 14:11

No es posible, lo siento.

Un saludo.

Mikmoro · #3 (**permalink**) 19/04/2008, 15:22

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.