Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <table frame="box" class="tdat" cellspacing="0">
   <tr class="cta top ax">
    <td>Position:</td>
    <td width="20">1</td>
    <td width="20">2</td>
    <td width="20">3</td>
    <td width="20">4</td>
    <td width="20">5</td>
    <td width="20">6</td>
    <td width="20">7</td>
    <td width="20">8</td>
   </tr>
   <tr class="cta bottom ax">
    <td>Axis A:</td>
    <td>4</td>
    <td>3</td>
    <td>2</td>
    <td>2</td>
    <td>1</td>
    <td>3</td>
    <td>3</td>
    <td>2</td>
  </table>
</body>
</html>
 
table.tdat{
  /*border-collapse:collapse; remove */
  border: 1px solid black;
}
td{
  padding:2px; 
  font-family:Helvetica; 
  color:black; 
  font-size:12pt; 
  height:15pt; 
  text-align:right; 
  vertical-align:top;
  white-space:nowrap;
}
tr.cta td{
  font-family:Arial; 
  color:black; 
  font-size:12pt; 
  height:15pt; 
  text-align:right;
  vertical-align:top;
  white-space:nowrap;
  border:1px solid #eeeeee;
  border-top: 0; /* ADD */
  border-bottom: 0; /* ADD */
}
/*tr.top td {
  border-top: thin solid black; REMOVE
}*/
tr.bottom td { 
  /*border-bottom: thin solid black; REMOVE*/
  border-top: 1px solid #eee;
}
tr.ax td:first-child { 
  /*border-left: thin solid black; REMOVE */
  border-right: thin solid black;
  border-top-color: black;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
davidpauljuniorpro
0viewers