Tablas en WordPress. Utilizar Style
2655
post-template-default,single,single-post,postid-2655,single-format-standard,ajax_fade,page_not_loaded,,vertical_menu_enabled,qode-title-hidden,side_area_uncovered_from_content,qode-theme-ver-11.0,qode-theme-bridge,wpb-js-composer js-comp-ver-5.0.1,vc_responsive

Tablas en WordPress. Utilizar Style

Al crear una tabla en WordPress muchas veces los parámetros habituales utilizados en las tablas no funcionan bien.

Esto es debida las reglas CSS definidas en la plantilla del Theme, por ejemplo la típica instrucción valign=top para alinear el texto a la parte superior no suele funcionar.

Para poder personalizar el comportamiento de los elementos de una tabla es necesario usar la instrucción style de esta forma:

Por ejemplo:

  • En vez de <td align=”right”> poner: <td style=”text-align:right>
  • En vez de <td align=”center”> poner: <td style=”text-align:center”>
  • En vez de <td align=”justify”> poner: <td style=”text-align:justify“>
  • En vez de <td valign=”top”> poner: <td style=”vertical-align: top”>
  • En vez de <td valign=”middle”> poner: <td style=”vertical-align: middle”>

Otros ejemplos de style:

Otros parámetros:

border-width: 1px;
border-spacing: 2px;
border-style: outset;
border-color: gray;
border-collapse: collapse;
background-color: white;
// Grosor de fuente
font-weight: normal
font-weight: bold
font-weight: 900

No solamente en tablas es aplicable el parámetro Style, en algunas ocasiones comprobaremos que al incluir una imagen o foto en una Entrada esta aparece con el borde sólido incluso si especificamos el parámetro border=”0″.

Para eliminar el borde podemos utilizar lo siguiente:


1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Cargando…
Tags:
,
No Comments

Deja un comentario

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies