hey guys first post here! basically i need the child table’s borders to zero out, so it looks like a single table. for some reason it’s not working via CSS :(
<html>
<head>
<style type="text/css">
table { border:1px solid black;border-collapse:collapse }
td,tr { border:1px solid black;padding:1px }
th { border:1px solid black;text-align:center;padding:1px }
table table { border:0px;padding:1px }
table table td:first-child { border-left:0 }
table table td:second-child { border-right:0 }
</style>
</head>
<body>
<table>
<tr>
<th colspan=2>Work experience</th>
</tr>
<tr>
<td>Name of Employer</td>
<td>Employer Info</td>
</tr>
<tr>
<td>Trader Joes</td>
<td>
<table>
<tr>
<td>Supervisor Name: Robert Kennedy</td>
<td colspan=3>Address: 1820 South Grant Street, San Mateo, California, 94402</td>
</tr>
<tr>
<td rowspan=3>Position:Retail Clerk<br>
Duties: Cash Register, Stocking,<br>
Inventory, Order Writing, Cleaning,<br>
Customer Service</td>
<td>Phone: (650) 540-6140</td>
<td>Email: N/A</td>
<td>Business Type: Grocery Store</td>
</tr>
<tr>
<td colspan=3>Length of Employment: November 2006 to December 2009</td>
</tr>
<tr>
<td colspan=3>Reason for Leaving:<br>Resigned to help father at his office</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>