Foros del web, para los que viven de bits

moncherote · 08-may-2008, 03:24

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-may-2008, 05:42

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-may-2008, 05:40

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-may-2008, 09:30

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

moncherote · 12-may-2008, 11:58

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

08-may-2008, 05:42	#2 (permalink)
bernika Fecha de Ingreso: abril-2008 Ubicación: bcn Mensajes: 29	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>

09-may-2008, 05:40	#3 (permalink)
moncherote Fecha de Ingreso: noviembre-2002 Ubicación: Galiza , EspaÑa Mensajes: 581	Re: Uso de area en imagen en backgroung 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 __________________ Gallaecia fulget :-Þ

09-may-2008, 09:30	#4 (permalink)
bernika Fecha de Ingreso: abril-2008 Ubicación: bcn Mensajes: 29	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

12-may-2008, 11:58	#5 (permalink)
moncherote Fecha de Ingreso: noviembre-2002 Ubicación: Galiza , EspaÑa Mensajes: 581	Re: Uso de area en imagen en backgroung bravissimo!!! gracias, rapido, conciso y clavado!! __________________ Gallaecia fulget :-Þ

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado	Califica este Tema
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado	Califica este Tema: