hola Pepe,
aqui te muestro lo que pides :
Esto es lo de los estilos :
-------------------------------------
<style type="text/css">
* {
margin: 0;
paddin: 0;
}
h1 {
background: #eeeeee url(../dibujos/emoticon.gif) no-repeat 2% 50%; // esto //no lo tengo localizado y no se si influye.
text-align: center
}
#contenedor {
position: relative;
margin: auto;
width: 627px;
height: 573px;
background-image: url(../dibujos/_grid.gif);
}
.efecto {
position: absolute;
top: 0px;
left: 3px;
}
.oculto {
visibility: hidden;
}
</style>
<script type="text/javascript">
function tag(id) {return document.getElementById(id);}
function mostrar(que) {tag(que).style.visibility = "visible";}
function ocultar(que) {tag(que).style.visibility = "hidden";}
esto son las areas
---------------------------
<img src="./Vista previa_files/pngshape_002.png" alt="transparente" usemap="#mapa" class="efecto">
</div>
<map id="mapa" name="mapa">
<area shape="poly" coords="222,429,223,430,224,430,225,431,230,431,23 1,430,232,430,234,428,237,428,238,429,239,429,240, 430,239,431,239,432,238,433,238,434,239,435,239,43 9,238,440,238,441,239,442,239,443,242,446,244,446, 245,447,247,447,248,448,251,448,252,449,253,449,25 4,450,255,450,256,451,257,451,258,452,260,452,263, 455,264,455,266,457,248,457,247,458,240,458,239,45 9,235,459,234,460,232,460,231,461,229,461,216,474, 215,474,214,475,209,475,208,474,201,474,200,475,19 9,475,197,477,196,477,190,483,189,483,187,485,186, 484,186,483,185,482,185,481,180,476,180,475,178,47 3,178,472,183,467,183,465,184,464,184,459,185,458, 185,456,187,454,188,455,190,455,191,456,193,456,19 6,453,196,452,197,451,197,450,198,449,198,447,199, 446,199,444,205,438,205,437,209,433,213,433,214,43 2,215,432,216,431,217,431,218,430,219,430,220,429" href="javascript
:%20void(0)" onMouseOver="mostrar('rollover_0')" onMouseOut="ocultar('rollover_0')">
<area shape="poly" coords="161,450,162,450,163,449,165,449,166,448,16 8,448,169,449,174,449,175,448,177,448,178,447,179, 447,180,446,183,446,185,448,192,448,193,447,192,44 8,192,449,191,450,189,450,188,449,184,449,180,453, 180,456,179,457,179,461,178,462,178,464,173,469,17 3,472,172,473,172,474,174,476,174,477,177,480,177, 481,180,484,180,485,181,486,181,487,182,488,182,48 9,181,490,181,491,180,492,178,492,177,493,176,493, 175,494,175,495,174,496,174,497,173,498,173,499,17 2,500,172,501,171,502,171,503,170,504,168,504,166, 502,165,502,162,499,161,499,160,498,159,498,158,49 7,157,497,156,496,155,496,153,494,152,494,151,493, 150,493,149,492,146,492,144,494,144,493,143,492,14 3,491,140,488,140,487,137,484,137,483,136,482,136, 480,139,477,139,476,140,475,140,474,137,471,137,47 0,136,469,135,469,131,465,130,465,127,462,126,462, 126,461,125,460,125,458,126,457,126,456,128,454,12 8,453,129,453,131,451,132,451,133,450,136,450,143, 457,145,457,146,456,148,456,149,455,151,455,152,45 4,153,454,154,453,155,453,156,452,158,452,159,451, 160,451" href="javascript
:%20void(0)" onMouseOver="mostrar('rollover_1')" onMouseOut="ocultar('rollover_1')">
a ver si así puedes decirme que tengo que cambiar, porque no doy con la clave. 1 saludo! y gracias por todos tus aportes Pepe