<code>
<div id="map-Container">
<table border="1" id="maptable">
<tbody>
<tr class="mapmaster1">
<td class="current"><span class="map1-1"></span><br>time1</td>
<td class="next"><span class="map1-2"></span><br>time2</td>
<td class="map1"><span class="map1-3"></span><br>time3</td>
<td class="map1"><span class="map1-4"></span><br>time4</td>
<td class="map1"><span class="map1-5"></span><br>time5</td>
<td class="map1"><span class="map1-6"></span><br>time6</td>
</tr>
<tr class="mapmaster2">
<td id="map2-1" class="current">02:52</td>
<td id="map2-2" class="next">05:54</td>
<td id="map2-3" class="">13:45</td>
<td id="map2-4" class="">17:56</td>
<td id="map2-5" class="">21:33</td>
<td id="map2-6" class="">00:13</td>
</tr>
</tbody>
</table>
</div>
</code>
<code>
<div id="map-Container">
<table border="1" id="maptable">
<tbody>
<tr class="mapmaster1">
<td class="current"><span class="map1-1"></span><br>time1</td>
<td class="next"><span class="map1-2"></span><br>time2</td>
<td class="map1"><span class="map1-3"></span><br>time3</td>
<td class="map1"><span class="map1-4"></span><br>time4</td>
<td class="map1"><span class="map1-5"></span><br>time5</td>
<td class="map1"><span class="map1-6"></span><br>time6</td>
</tr>
<tr class="mapmaster2">
<td id="map2-1" class="current">02:52</td>
<td id="map2-2" class="next">05:54</td>
<td id="map2-3" class="">13:45</td>
<td id="map2-4" class="">17:56</td>
<td id="map2-5" class="">21:33</td>
<td id="map2-6" class="">00:13</td>
</tr>
</tbody>
</table>
</div>
</code>
<div id="map-Container">
<table border="1" id="maptable">
<tbody>
<tr class="mapmaster1">
<td class="current"><span class="map1-1"></span><br>time1</td>
<td class="next"><span class="map1-2"></span><br>time2</td>
<td class="map1"><span class="map1-3"></span><br>time3</td>
<td class="map1"><span class="map1-4"></span><br>time4</td>
<td class="map1"><span class="map1-5"></span><br>time5</td>
<td class="map1"><span class="map1-6"></span><br>time6</td>
</tr>
<tr class="mapmaster2">
<td id="map2-1" class="current">02:52</td>
<td id="map2-2" class="next">05:54</td>
<td id="map2-3" class="">13:45</td>
<td id="map2-4" class="">17:56</td>
<td id="map2-5" class="">21:33</td>
<td id="map2-6" class="">00:13</td>
</tr>
</tbody>
</table>
</div>
Above is my code.
Jsfiddle
I am trying to get my table to look like this design.
image
If someone could help me out that would great. Thanks in advance.
Have tried modifying my code but unfortunately without any succes.
New contributor
Kazaa is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.