Html

[pe.leal]

Pessoal,

Estou um uma duvida de HTML, espero que possam me ajudar.

O que acontece é o seguinte, estou usando uma figura que é um mapa então estou usando o codigo:

<img align="top" width="450" height="420" src="/images/brasil.GIF" border="0" usemap="#Map">

<map name="Map">

<area shape="poly" coords="192,378,196,375,203,366,216,354,225,350,232,347,241,346,248,348,254,349,260,355,268,360,273,360,272,367,269,371,273,371,268,381,262,390,254,396,248,399,245,407,241,412,236,416,233,412,236,408,240,403,232,400,228,397,223,394,223,392,219,391,215,387,211,386,207,388,206,382,200,378" alt="RS" value="RS" onClick='atualiza(this.value)'>

<area shape="poly" coords="274,370,271,367,274,362,274,359,269,359,266,359,261,355,254,350,248,348,237,345,232,346,231,343,233,338,237,337,248,338,251,341,257,341,260,337,266,334,272,334,275,336,282,334,286,333,287,336,285,340,285,344,288,348,287,353,285,360,281,365,275,367" alt="SC" value="SC" onClick='atualiza(this.value)'>

E assim por diante para casa estado.

Gostaria que o cursor ficasse estilo hand quando fosse sobre os estados como eu faço isso?

Se eu colocar dentro do td ai funciona, mas não queria fazer isso: <td style="cursor: hand;">

Tks

[Fabi SP]

Humm... talvez isto funcione:

img.cursor {
   cursor: hand;
}

<img align="top" width="450" height="420" src="/images/brasil.GIF" border="0" usemap="#Map" class="cursor">