If some one could tell me how I can have vertical border on the right side of each cell.

Suppose my table tag has the following code:

<table style="border-style:solid; border-width:1px; border-color:red;>

and my <td> tag has the following code:

<td style="vertical-align:top; text-align:left;">

I would like to know:

  1. How to set the vertical border on the right hand side of a cell (using the "inline style"
  2. How to set the color (again using the "inline style")
  3. The cell values, for example, are: Home, About us, Remittance procedures

Thanks a lot.

Durga Basnet

Edited by DBB1: n/a

8 Years
Discussion Span
Last Post by DBB1

I'm not quite sure what you are wanting to do...
Do you want to keep the border around the whole table or do you mean to replace that with the right side border?

In any case, you can use the CSS tag "border-right" and define the style, size and color. You must apply this style to the td tag specifically in order to get it to apply to a cell.

<td style="border-right: solid 1px #ffffff">
<td style="border-right-style:solid;border-right-width:1px; border-color:red; text-align:center">

Thanks, luckily, I already solved that.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.