[SOLUCIONADO] Hacer link de una fila entera

[mblascog]

Buenas,
Quiesiera hacer un link de una fila entera de una tabla. La fila contiene varias columnas, con lo que no me interesa hacerlo columna a columna. Además, como tengo definido algún margin y padding, la cambiar el color con hover cambía el color de las filas y se ven las separaciones.
Cada fila debe contener un destino diferente.

Gracias

[xfxstudios]

Código PHP:

<style>
table tr td a{
    padding:50px;
    text-decoration:none;
    color:rgba(255,255,255,1.00);
}
table tr{
    background-color:rgba(0,67,123,1.00);
    color:rgba(255,255,255,1.00);
 
}
table tr td:hover{
    background-color:rgba(255,110,0,1.00);
 
}
</style>
<table border="0" cellspacing="0" height="50px">
    <tr>
        <td><a href="#">Prueba 1</a></td>
        <td><a href="#">Prueba 2</a></td>
    </tr>
</table>
 

el codigo css hace lo que quieres y como puedes ver el cellspacing 0 elimina el espacio entre las celdas lo que elimina la molesta linea blanca al momento del hover

[mblascog]

Gracias por tu respuesta, pero no entiendo porqué no funciona.
Dentro de las columnas, tengo imágenes, spans y párrafos. El hover no face ningún efecto sobre ellos y no entiendo por qué.
Al definir table tr td:hover, no debería afectar a todos los elementos dentro de la columna?

[xfxstudios]

Iniciado por mblascog

Gracias por tu respuesta, pero no entiendo porqué no funciona.
Dentro de las columnas, tengo imágenes, spans y párrafos. El hover no face ningún efecto sobre ellos y no entiendo por qué.
Al definir table tr td:hover, no debería afectar a todos los elementos dentro de la columna?

no necesariamente, debes especificar a que elementoi dentro del td va a afectar, claro va a depender de varios fatores, deberias mostrar el codigo completo que llevas hasta ahora para poder ayudarte mejor, ya con algo asi deberia de funcionarte:

Código PHP:

<style>
table tr td{
    background-color:#FF6E00;
    color:#FFFFFF;
}
table tr td:hover{
    background-color:#00437B;
}
</style>
<table>
<tr>
    <td>prueba 1</td>
    <td>prueba 2</td>
    <td>prueba 3</td>
</tr>
</table>
 

[mblascog]

Buenas, gracias por tu ayuda, ya he visto el error. En vez de

Código CSS:

table tr td:hover{
 

tenía

Código CSS:

table tr td a:hover{
 

Creía que era lo mismo, pero ya veo que no

Gracias