خرید بک لینک
Hello everyone!

I've never used coding for web design and my superior gave me a task to desig a Wordpress page that has a Table of 3 columns with 10 rows. The table width is 850px and 1st column is 25%, second is 50% and third is 25%. The height of the rows isn't important, some pictures should be put in them and the height of the pictues should determine row height. The main task is that everything should be aligned center or middle whatever is the correct name.

So far, I've managed to create this code:

Code:

<table class="tg" style="undefined;table-layout: fixed; width: 850px;"><colgroup> <col style="width: 25%;" /> <col style="width: 50%;" /> <col style="width: 25%;" /> </colgroup>
<tbody>
<tr>
<th class="tg-s6z2" style="text-align: center;"></th>
<th class="tg-s6z2" style="text-align: center;"></th>
<th class="tg-4kyz" style="text-align: center;"></th>
</tr>
<tr>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-4kyz" style="text-align: center;"></td>
</tr>
<tr>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-4kyz" style="text-align: center;"></td>
</tr>
<tr>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-4kyz" style="text-align: center;"></td>
</tr>
<tr>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-4kyz" style="text-align: center;"></td>
</tr>
<tr>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-4kyz" style="text-align: center;"></td>
</tr>
<tr>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-4kyz" style="text-align: center;"></td>
</tr>
<tr>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-4kyz" style="text-align: center;"></td>
</tr>
<tr>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-s6z2" style="text-align: center;"></td>
<td class="tg-4kyz" style="text-align: center;"></td>
</tr>
</tbody>
</table>


The problem is that i caot manage vertical align to be center or middle. Can someone modify my code and add the missing part?

برچسب: نویسنده: آیلین رضوانی تاريخ: جمعه 15 دی 1396 ساعت: 16:52

صفحه بندی