Foros del web, para los que viven de bits

moncherote · 08/05/08, 03:24:57

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>

bernika · 08/05/08, 05:42:31

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

moncherote · 09/05/08, 05:40:14

Perfecto!! me sirve...

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

bernika · 09/05/08, 09:30:25

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