Ver Mensaje Individual
  #6 (permalink)  
Antiguo 28/01/2008, 14:55
Avatar de wolf777
wolf777
 
Fecha de Ingreso: junio-2004
Ubicación: Bolivia
Mensajes: 199
Antigüedad: 19 años, 10 meses
Puntos: 0
Re: Css image map

Saludos

Claro que si se llama Css Image Mapping, evidentemente no es con las etiquetas clasicas de DHTML sino mediante la aplicacion de Css que es basica para el empleo de menus desplegables.

Por suerte ya encontre como se hacia eso, y solucione mi problema les envio una pequeña aplicacion medinate Css image mapping.

http://www.frankmanno.com/ideas/css-imagemap/
(Este link da ejemplos claros de utilización)

CSS:
Cita:
dd#homeDef{
top: 83px;
left: -140px;
position:absolute;
}
dd#homeDef a{
position: absolute;
width: 180px;
height: 70px;
text-decoration: none;
border: 0px solid #FFFCE6;
background: transparent url(../images/bg_menu_000.png) repeat;
}
dd#homeDef a span{
display: none;
}
dd#homeDef a:hover{
background: transparent url(hover.png) repeat;
border: 0px solid #FFFCE6;
}
dd#homeDef a:hover span{
display: block;
text-indent: 0;
vertical-align: top;
color: #f8b5f5;
font-family:"Papyrus","Verdana","Monotype Corsiva";
font-weight: bold;
font-size:25px;
position: absolute;
border: 0px solid #f8b5f5;
bottom: 20px;
left:200px;
margin: 0;
padding: 5px;
width: 100px;
}
HTML:
Cita:
<dl id="lotusMap">
<dd id="homeDef">
<a href="#" onmouseover="javascript:link_menu_001()" onmouseout="javascript:link_menu()">
<span>Home</span></a>
</dd></dl>
Espero que sea utiles para ustedes como lo fue para mí ;) Adios y gracias.
__________________
Do not let The Darknness Get You, to soon...