Ver Mensaje Individual
  #8 (permalink)  
Antiguo 15/12/2005, 11:46
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 5 meses
Puntos: 317
hola todos :

lo de las tres imágenes sería sólo para el evento, cpucpu; las capas de texto son independientes.

Si "encontraste" un javascript que esconde capas supongo que eres nuevo en ésto y estás copiando y pegando. Te dejo un ejemplo de cómo quedaría con un mapa y tres capas de texto (en este caso no hice las imàgenes porque no valìa la pena, se entiende igual)

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html><head><title></title>

<style>
#alfa{position:relative; height:249px; width:397; border:0; }
#bravo{border-collapse:collapse; }
#charly{position:absolute; top:165px; left:20px; height:10px; width:35px; visibility:hidden; }
#delta{position:absolute; top:165px; left:49px; height:10px; width:35px; visibility:hidden; }
#eco{position:absolute; top:165px; left:78px; height:10px; width:35px; visibility:hidden; }


</style>
</head><body>

<map name="foxtrot">
<area shape="rect" coords="20,150,40,160" title="B" href="#"  onmouseover="document.getElementById('charly').style.visibility='visible'" 
onmouseout="document.getElementById('charly').style.visibility='hidden';" />

<area shape="rect" coords="50,150,70,160" title="C" href="#"  onmouseover="document.getElementById('delta').style.visibility='visible'" 
onmouseout="document.getElementById('delta').style.visibility='hidden';" />

<area shape="rect" coords="95,150,110,160" title="D" href="#"  onmouseover="document.getElementById('eco').style.visibility='visible'" 
onmouseout="document.getElementById('eco').style.visibility='hidden';" />
</map>

<div id="alfa">
<img src="http://img521.imageshack.us/img521/5760/untitled1vg.jpg" id="bravo" 
usemap="#foxtrot" >

<img src="http://www.forosdelweb.com/images/statusicon/user_online.gif" id="charly" />
<img src="http://www.forosdelweb.com/images/statusicon/user_invisible.gif" id="delta" />
<img src="http://www.forosdelweb.com/images/statusicon/user_offline.gif" id="eco" />
</div>

</body></html>
Cita:
Iniciado por JavierB ( )
...Para mostrar/ocultar capas tienes que usar JavaScript, no puedes hacerlo solo con HTML....
¿Y usando hover?