ansaurus

Question

Table Styling with XHTML 1.0 Transitional

Answer 1

+1 A:

If you want them around each cell, apply the style to the td element, not the tr: Assuming you want it on the tr, I'm not entirely sure why this works, but adding border-collapse to the table will make the tr border work:

            table
            {
                border: 1px solid black;
                border-collapse:collapse;
            }

            tr
            {
                /*use if you want the lines to be per row instead of per cell*/
                border: 1px solid black;
            }

For the margins, I'd go with applying padding to the td elements:

            td
            {
                padding: 10px;

                /*use if you want lines between each cell*/
                border: 1px solid black;
            }

JGB146 2010-07-13 01:06:46

Answer 2

+1 A:

Try seeing if the border and margin works on the td.

td
{ 
    margin: 10px; 
    border: solid 1px black; 
}

If it does you'll have to make it top/bottom margin only for center cells.

Graphain 2010-07-13 01:09:45

The border works. But the margin doesn't.

Martin 2010-07-13 01:11:38

Answer 3

A:

try this link.. smashing magazine table design links. you can download the code too from the page try this

Jaison Justus 2010-07-13 10:49:24

ansaurus

tags:

views:

answers:

Table Styling with XHTML 1.0 Transitional

related questions