FTP | CCD | Buscar | Trucos | Trabajo | Foros |
|
Registrarse | FAQ | Miembros | Calendario | Guía de estilo | Temas de Hoy |
|
Herramientas | Buscar en Tema | Desplegado |
#1
|
|||
|
|||
problema con css y hover
buenas tardes agradezco de ante mano todas sus respuestas y sobre todo a aquellas que puedan darme alguna solucion a mi problema.
les comento. tengo el mapa de mi dpto en el he insertado una etiqueta <area> que rodea el croquis del mismo. la idea es que cuando una pesona se posicione encima de esta area me muestre la informacion que tengo dentro de un <ul> osea (display:block hasta el momento llevo lo sig.... en html. <div> <p><img src="miimagen.png" border="0" name="mapa" usemap="#Map"/></p> <map name="Map" id="Map" class="m_mapa"> <area shape="poly" coords= "19,29,6,46,11,65,16,66,24,83,12,98,6,110,3,125,3, 138,3,153,3,158,12,158,19,161,24,163,30,160,40,160 ,54,162,66,143,70,140,71,137,85,136,103,118,108,11 1,126,110,136,92,135,88,126,76,121,73,107,81,102,7 6,94,76,94,62,96,52,99,43,90,23,85,22,72,11,65,14, 63,6,58,2,49,3,39,6,29,11,22,20" href="#" /> <div position:absolute; left: 54px; top: 104px;> <ul> <li>ciudad 1</li> <li>ciudad 2</li> <li>ciudad 3</li> <li>ciudad 4</li> <li>ciudad 5</li> </ul> </div> </map> </div> _____________ y en css... .m_mapa ul{ display:none; } .m_mapa li{ position:relative; width:120px; border:1px solid #000000; text-align:left; padding-left:8px; background:#FFCC33; list-style:none; } .m_mapa:hover ul{ display:block; } es como si el hover no funcionara sobre la etiqueta <area> un ejemplo de lo que quiero lo encuentran en http://www.nufarm.com/ pasen el codigo sobre el mapa y veran, el codigo de esta pagina ya lo analice y trabajan con javascript pero mi idea es hacerlo solo con css. espero haberme echo entende mil gracias.
__________________
JaiMelendez |
|
|
Temas Similares | ||||
Tema | Autor | Foro | Respuestas | Último mensaje |
Enlaces hover... ¿los uso? | ixMike | HTML, Javascript y otros | 2 | 28-05-2008 15:52:59 |
|