Wednesday, November 2, 2016

How to Fix Dashed Border Not Showing Problem In Firefox?

The following code to generate dotted border will not work in Firefox browser.
  <table border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td width="35"style="width:35px;"> </td>

   <td width="530" align="center" style="width:530px;border-bottom: 1px dotted #7f7f7f"> </td>

    <td width="35" style="width:35px;"> </td>
   </tr>
</table>
To make it work on firefox, you can simply add the following piece of css code.
<style type="text/css">
 table {border-collapse: separate; border-spacing: 0;}
</style>
It will work now.

1 comment:

  1. Can truly relate and retain this outstanding post. Very well written. web design company Chennai

    ReplyDelete