Be... Minipic.gif (3518 bytes)
pcpmini.gif (2265 bytes) ...Tabular!

 

 

Reading between the lines!


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.

ie.gif (1254 bytes) 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

The FRAME attribute for this table is currently:
The RULES attribute for this table is currently:  

As you can see though, they're not very inspiring!


ie.gif (1254 bytes) In Internet Explorer, you can specify a BORDERCOLOR= attribute on the <TABLE>, <TR> and <TD>   tags, like this:

   
   

<TABLE BORDERCOLOR="#FF0000">

ns.gif (1269 bytes) This also works in Navigator, though differently - the outer border changes colour, but the internal cell boundaries remain black and grey.


ie.gif (1254 bytes) In Internet Explorer, you can also specify BORDERCOLORLIGHT and BORDERCOLORDARK attributes, for tables and cells. Be careful with them, though!

   
 

<table border="3" width="200" bordercolorlight="#FF0000" bordercolordark="#00FF00">


Finally, here's a 'kludge'.

ns.gif (1269 bytes)ie.gif (1254 bytes) 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?

<div style="border:2px blue solid;width:510;">
<table border="0" width="500px"> .......

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.


Back to menu