On 1 Oct 98, Tique Bennett wrote:
> No onto a more technical question, is there a way of putting vertical
> lines within a table??
Not using plain-vanilla HTML, or with older browsers, other than the
inelegant method of devoting a table cell to a GIF file of a vertical rule.
This is undesirable because the graphic file stays fixed in length, thus
producing erratic vertical rendering of the table depending on resolution,
table content, etc.
On later versions of NS and MSIE you can also of course set a background
image attribute for a table cell, but this has problems too: if you've set a
cellpadding value, the GIF may stretch horizontally to fill the cell. Not
good.
In later browsers you can also set the bgcolor for a cell and fill it with a
one-pixel gif, though this again doesn't work well if you have cellpadding.
The best approach is to use CSS, which lets you set sized and colored
ruling lines to the left, right, top or bottom of any HTML element; and to
specify padding, margins and other typographical controls. But obviously
users need a CSS-compatible browser to see this effect (NS & MSIE 4.x)
Also, NS 4.x is a little unpredictable in how it supports a lot of CSS stuff,
annoyingly.
The style sheet declaration that would put a narrow colored rule to the
right of all text tagged as, say, <td class="ruling_line">, and insert padding
beside it, would look like:
td.ruling_line { border-right: solid 0.5em blue; padding-right: 2em }
Or whatever.
-----------
Brent Eades, Almonte, Ontario
E-mail: [EMAIL PROTECTED]
[EMAIL PROTECTED]
Town of Almonte site: http://www.almonte.com/
Business site: http://www.federalweb.com
____________________________________________________________________
--------------------------------------------------------------------
Join The Web Consultants Association : Register on our web site Now
Web Consultants Web Site : http://just4u.com/webconsultants
If you lose the instructions All subscription/unsubscribing can be done
directly from our website for all our lists.
---------------------------------------------------------------------
