Foros del Web - Uso de area en imagen en backgroung

Foros del Web (http://www.forosdelweb.com/)

- HTML (http://www.forosdelweb.com/f4/)

- - Uso de area en imagen en backgroung (http://www.forosdelweb.com/f4/uso-area-imagen-backgroung-584141/)

Uso de area en imagen en backgroung

Hola,

Tengo una imagen como fondo de una tabla dividida en cuatro celdas, y quisiera que cada una de esas celdas fuese con un enlace distinto...

¿Puede hacerse un map de areas a una imagen de fondo? ¿Otra solución?

este seria más o menos el codigo:

Código HTML:

<td align="left" valign="top" style="background: url(img/index_r3_c2.jpg)">
 <table width="439" border="0">
 <tr>
 <td width="95" height="64">&nbsp;</td>

  <td width="118">&nbsp;</td>
 <td width="87">&nbsp;</td>
 <td width="118">&nbsp;</td>

 </tr>

 <tr>

 <td height="58" align="center" class="titulo"><a class="titulo" href="./pagina.aspx?cat=45">Uno</a></td>
 <td align="center" class="titulo"><a class="titulo" href="./pagina.aspx?cat=46">Dos</a></td>
 <td align="center" class="titulo"><a class="titulo" href="./pagina.aspx?cat=47">tres</a></td>

 <td align="center" class="titulo"><a class="titulo" href="./pagina.aspx?cat=49">Lalala</a></td>
 </tr>
 </table>
 </td>

Re: Uso de area en imagen en backgroung

prueba con poner en cada una de las celdas
por ejemplo
<td onclick="javascript:window.location='pagina.aspx?c at=45' " ...>Uno<td>

Re: Uso de area en imagen en backgroung

Perfecto!! me sirve... :aplauso:

Solo una cosilla, como se hace para que al ponerme encima de ese te con un link me muestre el cursor de hipervinculo, ya que asi me muestras el normal y no parece que haya link :ojotes:

Re: Uso de area en imagen en backgroung

o bien puedes pones en el class
.titulo{cursor:pointer;}
o poner en el atributo style="cursor:pointer;" del td

Re: Uso de area en imagen en backgroung

bravissimo!!! gracias, rapido, conciso y clavado!! :aplauso: