Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

table borders

Status
Not open for further replies.
dazza12345

dazza12345

Programmer
Nov 25, 2005
35
GB
Hi all,
Im trying to sort out a table that will have a single black line border, however, im having a bit more difficulty with this than i though i would.

ive tried the following:

<table <border=1>
<tr><td>Hello
</td></tr>
</table>

Any ideas?
 
Sort by date Sort by votes
are you viewing the table using IE, firefox, netscape. . .?

some browsers need a little more than just "border
 
Upvote 0 Downvote
seems to work fine in firefox (i.e. produced a black border) but not in IE
 
Upvote 0 Downvote
Here you go, from my thread here thread215-1228412:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/strict.dtd">[/URL]
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="content-language" content="en">
    <title>Empty cell test</title>

    <style type="text/css">
        #myTable {
            border-collapse: collapse;
        }

        #myTable td {
            border: 1px solid #000000;
        }
    </style>
</head>

<body>
    <table id="myTable">
        <tr>
            <td>123</td>
            <td>456</td>
            <td>789</td>
        </tr>
        <tr>
            <td>abc</td>
            <td></td>
            <td>ghi</td>
        </tr>
        <tr>
            <td></td>
            <td>uvw</td>
            <td>xyz</td>
        </tr>
    </table>
</body>
</html>

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
Cheers for that mate, it works perfectly. However, in firefox, whenever there is no value in a table, no box appears at all. I

s there any way of getting the box to appear in these boxes?
 
Upvote 0 Downvote
That's odd. Do you have at least an empty cell (TD element)? Even this gives me a border:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/strict.dtd">[/URL]
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="content-language" content="en">
    <title>Empty cell test</title>

    <style type="text/css">
        #myTable {
            border-collapse: collapse;
        }

        #myTable td {
            border: 1px solid #000000;
        }
    </style>
</head>

<body><table id="myTable"><tr><td></td></tr></table></body>
</html>

Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
use:

Code: 
<td>&nbsp;</td>

and your empty cells will display fine
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
1K
spamjim
spamjim
ashokkumary
  • Locked
  • Question
missing leading zero when we download in excel from html table data.
Replies
1
Views
266
spamjim
spamjim
PeDa
  • Locked
  • Question
Table not formatted correctly in all browsers 1
Replies
2
Views
258
PeDa
PeDa
PSchubert
  • Locked
  • Question
Data in db table cell not displayed in asp table cell -- a CSS issue?
Replies
2
Views
202
vacunita
vacunita
lupidol
  • Locked
  • Question
Table's title row's rounded corners border 1
Replies
2
Views
235
lupidol
lupidol

Part and Inventory Search

Sponsor

Back
Top