Problemas ao inserir CSS em tabela HTML

  • Autor Autor arjeco
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
arjeco

arjeco

Zeta
Verificación en dos pasos activada
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.

Inserir CODE, HTML ou 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>
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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.
 
Voltar
Topo