Ayuda con codigo html

  • Autor Autor JonTech
  • Fecha de inicio Fecha de inicio
JonTech

JonTech

1
Ni
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Hola a todos, estoy buscando una opción para hacer una tabla en html que sea clickable, esta sería la table, pero no logro que sea clickable, es decir que tenga toda la table una url que al clickar en cualquier punto de la tabla te lleve a la url de destino, quien puede ayudarme please

Insertar CODE, HTML o PHP:
<!DOCTYPE html>
<html>
<head>
    <title>HTML Table Generator</title>
    <style>
        table {
            width:100%;
            border:3px solid #f5b8b8;
            border-collapse:collapse;
            padding:5px;
        }
        table th {
            border:3px solid #f5b8b8;
            padding:5px;
            background: #2d2a2a;
            color: #ffffff;
        }
        table td {
            border:3px solid #f5b8b8;
            text-align:center;
            padding:5px;
            color: #000000;
        }
    </style>
</head>
<body>
    <table>
        <thead>
            <tr>
                <th>Paquete de 10 dias</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Tres partidos de Grupo</td>
            </tr>
            <tr>
                <td>Desde 1.699 USD</td>
            </tr>
        </tbody>
    </table>
</body>
</html>
 
HTML:
<a href="#">
    <table>
        <thead>
            <tr>
                <th>Paquete de 10 dias</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Tres partidos de Grupo</td>
            </tr>
            <tr>
                <td>Desde 1.699 USD</td>
            </tr>
        </tbody>
    </table>
    </a>

Prueba rodeando la tabla con etiquetas de enlaces
 
Tal cual como lo adjunté en el html de arriba, encierra la tabla en una etiqueta de enlaces
Gracias compañero, lo puse en el lugar y aunque guarda la configuración no es clickable... no hace que la tabla sea clickable 🙁
 
No te funciona si le agregas el enlace? <th><a href="" target="_blank">Paquete de 10 dias</a></th>
 
No te funciona si le agregas el enlace? <th><a href="" target="_blank">Paquete de 10 dias</a></th>
así si me funciona 🙂

igual si alguien sabe como aplicarlo a la tabla completa sería genial
 
así si me funciona 🙂

igual si alguien sabe como aplicarlo a la tabla completa sería genial
la solucion que te paso el primer usuario si que funciona, solo tenes que cambiar el # por la direccion a la que queres dirigir el enlace y listo...

aca podes comprobar que si funciona:
 
así si me funciona 🙂

igual si alguien sabe como aplicarlo a la tabla completa sería genial
Podrías mostrar en foto como tenes? Porque podes separar 3 tablas completamente grandes y dentro poner minitables, entonces en las tablas grandes les aplicas el <a href> mientras que a las chicas les podes poner un hover de color donde al pasar por encima con el mouse se "ilumine", y eso también lo vuelve visualmente atractivo e interesante
 
la solucion que te paso el primer usuario si que funciona, solo tenes que cambiar el # por la direccion a la que queres dirigir el enlace y listo...

aca podes comprobar que si funciona:

Lo he puesto justo donde indicas, veo que en tu tabla si ejecuta correctamente pero en mi espacio no, no tengo idea porque pero no deja hacerlo...

individualmente si esta dejando poner cada enlace con el texto pero no la tabla completa, es raro la verdad...
 
Podrías mostrar en foto como tenes? Porque podes separar 3 tablas completamente grandes y dentro poner minitables, entonces en las tablas grandes les aplicas el <a href> mientras que a las chicas les podes poner un hover de color donde al pasar por encima con el mouse se "ilumine", y eso también lo vuelve visualmente atractivo e interesante
Lo estoy usando en elementor en un "cuadro de imagen"

te dejo una captura
 

Adjuntos

  • 2022-07-25_002724.webp
    2022-07-25_002724.webp
    12 KB · Visitas: 5
Lo estoy usando en elementor en un "cuadro de imagen"

te dejo una captura
Claro, ahí tenes tbody, a ese le podrías aplicar encima un <a> sin problemas, y con eso se te hacen en cada tabla, a menos que quieras completa ubícalo por encima del <table> y luego del cierre de la misma
 
Atrás
Arriba