Forum How do I...?

3D Tables Borders

PotentialCustomer
Hi,

I am using the below table with class="dynamictable"

<table width="100%" border="1" cellspacing='0' class="dynamictable">
<tr>
<td> <b>Person</b> </td>
<td> <b>Date of Birth</b> </td>
<td><b> End Date</b> </td>
</tr>

<tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr>
</table>

Here is the style of dynamictable used in css file

.dynamictable{
border-width: 1px solid #000;
border-spacing: 0px;
border-style: outset;
border-color: black;
border-collapse: collapse;
font-size:12pt;
font-family:Georgia;
}

The issue is in the html view the table border looks like plain lines and the printout also looks good (attached file: table with plain lines).
When I view the same file in PDF in prince the table borders look like 3D lines (attached file: Table with 3D lines).
How can I make the PDF look same as in the html view or printout. I am attaching screen shots of the two for better understanding.
  1. Table with 3D lines.JPG24.0 kB
  2. table with plain lines.JPG17.2 kB
mikeday
Change the "outset" border-style to "solid"?
PotentialCustomer
Thanks Mike...it is fixed after changing to 'solid'.