I am having hard times formatting a table.
I want column 2 to be centered and all the pictures and text to be one under another. I tried everything but they are not properly aligned. Please for some help.
<html>
<body>
<table>
<tbody>
<tr style="background-color: #08568a;">
<td style="text-align: center;"><span style="color: #ffffff;">Date</span></td>
<td style="text-align: center;"><span style="color: #ffffff;">Some text</span></td>
<td style="text-align: center;"><span style="color: #ffffff;">Some text</span></td>
<td style="text-align: center;"><span class="number" style="color: #ffffff;">№</span></td>
</tr>
<tr style="background-color: #e6f1ff;">
<td style="text-align: center;"> 19:00 Text
</td>
<td style="text-align: center;"> Name lenght 1 <img class="alignnone size-full wp-image-13676" src="IMG URL" alt="ALT TEXT" width="24" height="24" />-:- <img class="alignnone size-full wp-image-13677" src="IMG URL" alt="ALT TEXT" width="24" height="24" /> Name lenght 2 </td>
<td style="text-align: center;"> Some text</td>
<td style="text-align: center;"> 3</td>
</tr>
<tr style="background-color: #e6f1ff;">
<td style="text-align: center;"> 22:00 Text
</td>
<td style="text-align: center;"> Name Lenght 3 <img class="alignnone size-full wp-image-13673" src="IMG URL" alt="ALT TEXT" width="24" height="24" /> -:- <img class="alignnone size-full wp-image-13675" src="IMG URL" alt="ALT TEXT" width="24" height="24" /> Name Lenght 4</td>
<td style="text-align: center;"> Some text</td>
<td style="text-align: center;"> 4</td>
</tr>
<tr style="background-color: #e6f1ff;">
<td style="text-align: center;"> 16:00 Text </td>
<td style="text-align: center;"> Name Lenght 5 <img class="alignnone size-full wp-image-13675" src="IMG URL" alt="ALT TEXT" width="24" height="24" /> -:- <img class="alignnone size-full wp-image-13677" src="IMG URL" alt="ALT TEXT" width="24" height="24" /> Name lenght 6</td>
<td style="text-align: center;"> Some text</td>
<td style="text-align: center;"> 13</td>
</tr>
<tr style="background-color: #e6f1ff;">
<td style="text-align: center;"> 16:00 Text </td>
<td style="text-align: center;"> Name lenght 7 <img class="alignnone size-full wp-image-13673" src="IMG URL" alt="ALT TEXT" width="24" height="24" /> -:- <img class="alignnone size-full wp-image-13676" src="IMG URL" alt="ALT TEXT" width="24" height="24" />Name lenght 8</td>
<td style="text-align: center;"> Some text</td>
<td style="text-align: center;"> 16</td>
</tr>
<tr style="background-color: #e6f1ff;">
<td style="text-align: center;"> 22:00 Text </td>
<td style="text-align: center;"> Name lenght 9 <img class="alignnone size-full wp-image-13675" src="IMG URL" alt="ALT TEXT" width="24" height="24" /> -:- <img class="alignnone size-full wp-image-13676" src="IMG URL" alt="ALT TEXT" width="24" height="24" /> Name lenght 10</td>
<td style="text-align: center;"> Some text</td>
<td style="text-align: center;"> 27</td>
</tr>
<tr style="background-color: #e6f1ff;">
<td style="text-align: center;"> 22:00 Text
</td>
<td style="text-align: center;"> Name lenght 11 <img class="alignnone size-full wp-image-13677" src="IMG URL" alt="ALT TEXT" width="24" height="24" /> -:- <img class="alignnone size-full wp-image-13673" src="IMG URL" alt="ALT TEXT" width="24" height="24" /> Name lenght 12</td>
<td style="text-align: center;"> Some text</td>
<td style="text-align: center;"> 28</td>
</tr>
</tbody>
</table>
</body>
</html>
Aucun commentaire:
Enregistrer un commentaire