Is there a way to eliminate the gap between the day, month, and year columns in this table?
<form action='goServlet' method='POST'>
<table style="width:1000px" style="text-align:center">
<tr style="text-align:center">
<th>City</th>
<th>Room Type</th>
<th colspan="3">Start Date</th>
<th colspan="3">End Date</th>
<th>Discount %</th>
</tr>
<c:forEach var="item" items="${discountInfo}">
<tr style="text-align:center">
<td>${item.hotelLocation}</td>
<td>${item.roomType}</td>
<td><select>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
...
<option value="31">31</option>
</select></td>
...
<td>50</td>
</tr>
</c:forEach>
</table>
</form>
Any suggestions on how to achieve this? I've tried using cellpadding="0" cellspacing="0" along with border-collapse:collapse within the <table> tag, but it hasn't made any difference.
Appreciate your assistance!