I Can't Get the Table Border to Display in Blogger

Table borders have four main attributes that affect their display.

When having difficulties displaying a table border in a Blogger.com blog, try changing the HTML coding of the border. To edit the blog table border, go to the HTML editor and locate the table to change its border properties. The four main border attributes are width, spacing, style and color. With HTML, make sure that tags are closed and proper formatting is used, such as quotes around hexadecimal color codes.

Border Width

The "border-width" property in a table defines the outside width, in pixels, of the columns and rows. A border width may not display in a Blogger.com blog if it is too thin. Also, if you see that the border width is set at zero pixels (0px), then you must change the pixel width for the border to appear. Most table borders have a pixel width of 2px or 4px in the HTML coding.

Border Spacing

The "border-spacing" attribute in Blogger.com HTML defines how the border is spaced around the table contents. A more narrow spacing moves the border closer to the text and images in the table and sometimes makes the border hard to see on the blog. The border spacing is measured in pixels. If it is set at zero pixels (0px), then the spacing may be too narrow and it may interfere with the border. Increase the spacing to see the border more clearly.

Border Style

You can set many different border styles with the "border-style" HTML coding. If the "border-style" is set to "none" or "hidden," then the border will not appear. Change the style to "solid" for a solid line, "dashed" for a dashed line, or "dotted" for a dotted line. The most common border style is the solid line. Once you have changed the border style, then you can also change the width to make the border more visible.

Border Color

The "border-color" HTML attribute defines the border color. One common mistake that may result in a border not appearing is that it's the same color as the rest of the webpage. Change the border color to a different color than the webpage background to make it appear. The "border-color" attribute uses the standard hexadecimal color codes with a number sign (#) in front of the color code. Popular border colors are white (#FFFFFF) and black (#000000).

References

• iDocs: Table Borders
• Somacon: HTML and CSS Table Border Style Wizard