Straight Vertical Line ...

Using HTML and/or CSS ?

[ideavirus]

Hii,

Is it possible to draw a straight vertical line using HTML and/or CSS without using a 1 x 1 pixel image..??

Like, I have two columns ( colspan=2 )..without giving a border, i want a vertical line ( solid or dotted ) seperating the two .

Can it be done, something similiar to <HR> for horizontal line !?...some one pls help me with the code !

Thanks for the help in advance

Cheers
:)

[moonbiter]

Why would you want to do this without a border? Just put a css border (right or left) on the appropriate table cell and apply padding to both to give some space.

[papabaer]

There is no vertical equivalent to <hr> - you can create a <div> to serve the purpose but this is a definite kludge.

Why not use the border property?

[w3.org...]

[ideavirus]

Could you pls help me with the css left/right code for the border ??

I hope by using this border, i won't get a border for the entire table ??

Thanks again
:)

[papabaer]

Very simple: [w3.org...]

[w3.org...]

[ideavirus]

papabaer : thanks a lot for the links..I am checking them out !

Cheers
:)

[Nick_W]

<table>
  <tr>
    <td class="rightborder">Blah blah</td>
    <td class="leftborder">blah de blah</td>
  </tr>
</table>

and in your CSS...

.rightborder {
  border-right: 1px solid #000000;
]
.leftborder {
  border-left: 1px solid #000000;
  border-style: dashed;
}

The last one just makes sure that IE5 will actually show the border as it doesn't support the dashed property.

Nick