ansaurus

Question

Answer 1

A:

border="0"

however, you should rather use stylesheets for things like this....

2009-02-01 14:50:58

Answer 2

A:

use

style="border:1px solid black"

in the table-tag, then.

oh, and there's a closing missing for the last cell.

2009-02-01 14:55:43

Answer 3

+1 A:

asvela 2009-02-01 15:11:24

Answer 4

+1 A:

Try this:

<!DOCTYPE html>
<html>
<head>
    <title>Example:Table with Header Underline Border</title>
    <style type="text/css">
        table.groups
        {
            border-collapse: collapse;
        }

        table.groups thead th
        {
            border-bottom: solid 1px black;
        }

        table.groups th,
        table.groups td
        {
            padding: 6px;
        }
    </style>
</head>
<body>
    <table class="groups">
        <thead>
            <tr><th>Date</th><th>Length</th><th>Time</th></tr>
        </thead>
        <tbody>
            <tr><td>31. January1</td><td>28 km</td><td>3 hours</td></tr>
        </tbody>
    </table>
</body>
</html>

A couple of specific things to note:

Using a DOCTYPE to prevent quirks mode.
(this is the HTML5 DOCTYPE - some people prefer the more wordy XHTML or HTML4 Strict ones - those also work)
No unnecessary attributes on the tags - all controlled by tag names and classes.

Peter Boughton 2009-02-01 15:20:33

ansaurus

tags:

views:

answers:

Table showed different in IE from Opera

related questions