Be... | |
...Tabular! |
Anyone | For |
Double | Glazing? |
Borders and gridlines are the weak spots of HTML tables. The standard
'window-frame' double lines are OK, but not to everyone's taste, and you can't specify
different designs.
In Internet Explorer 4, you can use two extra attributes on the <TABLE> tag - FRAME and RULES.
If you're using IE4, try choosing different FRAME and RULES types from the drop-down list.
Frame= | gives | you |
choice | over | borders |
As you can see though, they're not very inspiring!
In Internet Explorer, you can specify a BORDERCOLOR= attribute on the <TABLE>, <TR> and <TD> tags, like this:
<TABLE BORDERCOLOR="#FF0000">
This also works in Navigator, though differently - the outer border changes colour, but the internal cell boundaries remain black and grey.
In Internet Explorer, you can also specify BORDERCOLORLIGHT and BORDERCOLORDARK attributes, for tables and cells. Be careful with them, though!
Finally, here's a 'kludge'.
In later versions of the browsers, place the table inside a <DIV with a border.
Why | Can't | Tables |
Have | Single | Line |
Borders | More | Easily? |
Remember to turn the table's own border off (either leave its BORDER attribute out altogether or set it to zero). This gives a more stylish single-line border, although you won't have any internal gridlines.