Forum Moderators: open

Message Too Old, No Replies

Borders at side of table only

Can anyone tell me how this is done?

         

BeeDeeDubbleU

9:41 am on Jan 21, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I want to create a table with borders at both sides only. How is this done?

benihana

9:43 am on Jan 21, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



just give it a style like:

border:1px solid #000;
border-top:0px;
border-bottom:0px;

Lipik

3:38 pm on Jan 21, 2005 (gmt 0)

10+ Year Member



You can do this using the 'rules' attrib. in the <table> element:
none: no lines (standardvalue)
groups: only lines between grooups of rows or colums
rows: only between between rows
cols: only between colums
all: all lines between rows and colums

I used 'non', and it gives a table with only lines left, right, up and down from tha whole table.

Just experiment with it.

choster

4:08 pm on Jan 21, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I for the desired effect here BDW would need to set the frame attribute as well:

<table frame="vsides" rules="none" border="1">

If CSS is preferred, I'd use

border: 1px solid #000;
border-width: 0 1px;