Problemas al insertar CSS en tabla HTML

  • Autor Autor arjeco
  • Fecha de inicio Fecha de inicio
arjeco

arjeco

Zeta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
hola he creado unas tablas con unos colores en thml y tiene unas animaciones css, a decir verdad no soy programador y tengo algo de debiadicha tabla la hice en un editor online. Así que le agregue colores en el código sale que tiene css. En fin cuando pego el código en el campo html, la tabla no sale como debiera. Creo que es por que tengo que introducir el css de una forma especial y no como acostumbramos a insertar el html.

A continuación dejo el código de la tabla.

Insertar CODE, HTML o PHP:
<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-yw4l{vertical-align:top}
</style>
<table class="tg">
  <tr>
    <th class="tg-031e"></th>
    <th class="tg-031e"></th>
    <th class="tg-031e"></th>
    <th class="tg-yw4l"></th>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-yw4l"></td>
  </tr>
  <tr>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-031e"></td>
    <td class="tg-yw4l"></td>
  </tr>
  <tr>
    <td class="tg-yw4l"></td>
    <td class="tg-yw4l"></td>
    <td class="tg-yw4l"></td>
    <td class="tg-yw4l"></td>
  </tr>
</table>
 
Coloca esto

HTML:
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-yw4l{vertical-align:top}

Al final del archivo style.css de la plantilla, el problema puede venir si las mismas clases existen en el tema tal vez te muestre mal el estilo de la tabla
 
Es posible que las clases esten repetidas..

Además pegar código css en el editor no es buena practica, ya que los estilos deberías pegarlos en el archivo style.css como dice [MENTION=178185]jose91[/MENTION] o en un plugin de personalización.
 
Atrás
Arriba