Vertical lines

[Isidore]

My web page contains 3 columns of text and I'd like to have them separated
by vertical lines (i.e. between columns 1 & 2 and 2 & 3). Can anyone offer
advice?

Thanks in advance,
Isidore

 

[Andy Holmes]

My web page contains 3 columns of text and I'd like to have them separated
by vertical lines (i.e. between columns 1 & 2 and 2 & 3). Can anyone offer
advice?

Thanks in advance,
Isidore

A quick and simple way would be to put a border on the left an right
hand side of column 2 with a bit of padding and margin.

-Andy

 

[Dave Saville]

3 cols of equal height:
http://usenet.alt-html.org/3cols.html

Using Mozilla 1.5b the columns work but the initial paragraph is not
displayed.

Regards

Dave Saville

NB switch saville for nospam in address

 

[Dave Saville]

3 cols of equal height:
http://usenet.alt-html.org/3cols.html

Silly me - can't read styles But may I ask what is the point? How
would anyone see it - unless of course they viewed source. Or is it
that you would only see it in a browser that did not support styles?
Very new to this whole CSS thing.

Regards

Dave Saville

NB switch saville for nospam in address

 

[brucie]

In post

Using Mozilla 1.5b the columns work but the initial paragraph is not
displayed.

its not supposed to be except in old/crappy browsers as they don't
support the CSS used to create the three equal height columns.

 

[William Tasso]

In post <[email protected]>
Isidore said...

3 cols of equal height:
http://usenet.alt-html.org/3cols.html

what does [nul] do?

 

[brucie]

what does [nul] do?

IE6 doesn't support attribute selectors. using a dummy attribute
selector as i have in the above causes IE6 to ignore the css. it a
shortcut way and easier doing:

#left,#center,#right,[nul]{...}

rather than:

div[id="left"],div[id="center"],div[id="right"]{... }

 

[William Tasso]

what does [nul] do?

IE6 doesn't support attribute selectors. using a dummy attribute
selector as i have in the above causes IE6 to ignore the css. it a
shortcut way and easier doing:

#left,#center,#right,[nul]{...}

rather than:

div[id="left"],div[id="center"],div[id="right"]{... }

sweet.

good to see you back.