Vertical Lines

[howie]

Hi,

I use FrontPage 2002. I'm attempting to create vertical lines to visually
separate columns or blocks of text. An example is the NY Times home page.
There, vertical lines don't necessarily connect to horizontal lines, but
appear to hang between them.

How does one create such vertical lines? Are they just borders of table
cells that have been highlighted somehow, or are they obtained in other ways?
(For example, I drew vertical lines with autoshapes, but when I viewed my
page in "Preview in Browser", the lines didn't appear exactly where I placed
them.)

Thanks in advance,

Howard

 

[MD Websunlimited]

Hi Howie,

The normal cause is padding and margins not being set to 0. Check your CSS settings.

 

[howie]

Mike,

Thanks for your help.

I'm new at FP (2002), so I'm not sure I understand your answer. Are you
saying that I must have margins and padding=0 to create the vertical lines I
want? If so, do I still need to control which borders of relevant cells are
"seen" and which are transparent (I assume vertical borders of a cell
constitute the vertical lines of my interest, so you should't set border
thickness=0 for these...)? If so, how can I choose which of the four sides
of a cell have border thickness>0 and which have thickness=0? Am I even
asking the rights questions?

Thanks again,

Howie

 

[Ronx]

Use CSS to designate the border size and position:
<td style="border-left:black solid 1px;border-right:black solid
1px;border-top:0;border-bottom:0;">text</td>
This will place a black vertical line to the left and right of the
cell.
See www.rxs-enterprises.org/tests/search_form.htm for an example using
classes and embedded stylesheet.

 

[P@tty Ayers]

I use FrontPage 2002. I'm attempting to create vertical lines to
visually
separate columns or blocks of text. An example is the NY Times home page.
There, vertical lines don't necessarily connect to horizontal lines, but
appear to hang between them.

How does one create such vertical lines? Are they just borders of table
cells that have been highlighted somehow, or are they obtained in other
ways?
(For example, I drew vertical lines with autoshapes, but when I viewed my
page in "Preview in Browser", the lines didn't appear exactly where I
placed
them.)

There are various ways. One is what you've described above, and "Ronx" has
given you some basic inline CSS code for doing that. This is probably the
simplest method, although ideally, the CSS code would go in your external
style sheet, and not inline.

You could also try placing a black 1x1 pixel gif (created in your graphics
program) on the page in the place where you need the vertical line (perhaps
in a table cell), and then set its height to whatever you need:

<img src="1x1black.gif" width="1" height="300">