Enlazar Celdas

Sig... · #1 (**permalink**) 23/06/2006, 15:51

Hola:

Quisiera saber si hay alguna posibilidad de enlazar celdas de tablas y que sea compatible con IE / Firefox / Opera

Una forma que se que no es correcta es esta:

Código HTML:

<a href="enlace/index.html">
 <TD class=cellaout id=cella0 align=middle width="93" valign="top" > 
          <div class="enlace_tab">TEXTO</div>
          
</TD>
</a>

ademas que solo funciona para IE

Necesito poder enlazar toda la celda no solo en contenido (texto) que aparesca en ella sino que al hacer clic sobre culquier parte de la celda me sirva como link a una página.

No se si esto es posible con algún evento javascripts

Saludos...........

PatomaS · #2 (**permalink**) 23/06/2006, 17:14

Hola

Las especificaciones actuales no permiten hacer lo que quieres, sin embargo, puedes lograr el efecto que deseas mediante el uso de capas invisibles con una imagen transparente del tamaño que deses y vinculando la imagen, de esa manera, el usuario "verá" toda la celda vinculada.

Felicidad

JavierB · #3 (**permalink**) 24/06/2006, 02:13

Hola a todos.

Puedes poner el enlace dentro de la celda:

<td><a href="pagina.html">Enlace</a></td>

y utilizar Css para que ocupe todo el espacio:

td a {width:100%; height:100%; display:block}

Saludos,

Sig... · #4 (**permalink**) 24/06/2006, 15:51

Gracias por las respuestas

Las probare y supongo que al ser CSS sera compatible con Firefox y Opera

Saludos

PatomaS · #5 (**permalink**) 25/06/2006, 03:26

Hola

SI, en principio es compatible con todos los navegadores.

La única posible pega, tiene que ver con los límites que algunos navegadores le asignan a los bloques de los vínculo, pudiendo sobreponerse un poquito el área de dos celdas contigüas o más bien quedarse un poquito corto respecto al borde que ves de las celdas.

Pero podemos decir en general que la solución que te puso JavierB es muy buena.

:)

Felicidad

Sig... · #6 (**permalink**) 25/06/2006, 14:10

Hola:

He probado el codigo pero no tengo el resultado deseado, me enlaza el contenido de la celda pero solo hasta el limite del texto

Es decir que si el texto no ucupa toda la celda no tengo el efecto desado de enlazar toda la celda

no se si influye el que use DIV dentro de la celda
y tiene el mismo efecto en Firefox

Código HTML:

<table width="235" height="125" border="2" align="center" cellpadding="0" cellspacing="0">
  <tr> 
  
 <td width="82" height="125" bordercolor="#333333" border="1">

	<a href="index.html">
<div>texto 1</div>
<div>texto 2</div>
</a>
</td>

Y la primera solución que me proponen, lo intente pero no tuvo exito

quizas podrian mostrarme un ejemplo

Me seria util

Saludos

JavierB · #7 (**permalink**) 26/06/2006, 00:59

Hola de nuevo.

Te pongo un ejemplo completo. Está probado en IE, Firefox y Opera:

Código PHP:

  <html>
<head>
<style type="text/css">
table {width:300px; border-collapse:collapse}
td {border:1px solid black}
td a {width:100%; height:100%; display:block}
td a:hover {background:red}
</style>
</head>
<body>
<table>
<tr>
<td><a href="pagina1.html">Enlace 1</a></td>
<td><a href="pagina2.html">Enlace 2</a></td>
</tr>
</table>
</body>
</html>

Saludos,

Sig... · #8 (**permalink**) 26/06/2006, 14:38

Gracias por el ejemplo me a sido de gran ayuda

Saludos