Строка таблицы шириной 100% на полпути вниз по таблице - PullRequest
Новая
       13

Строка таблицы шириной 100% на полпути вниз по таблице

0 голосов
/ 23 мая 2011

На странице индекса на моем сайте отображаются самые последние сообщения от моих пользователей.Он использует таблицу HTML в качестве разметки и генерируется с использованием PHP.Разметка tr выглядит следующим образом: 

<tr>
    <td class="preview"><img alt="Minecraft skin preview" src="link"></td>
    <td class="skin">
        <span class="title"><a href="link">Skin Edit preview broken but I did my best</a></span><br />
        <span class="desc">Seraphinite Hunter</span>
    </td>
    <td class="auth">MikeSilver</td>
    <td class="time">23-5-2011</td>
    <td class="links">
        <a target="_blank" href="link">Download</a><br>
        <a target="_blank" href="link">Remote</a>
    </td>
</tr>

Я хочу, чтобы объявление AdSense отображалось примерно на полпути вниз по таблице.Для этого я вдвое уменьшил количество элементов tr и округлил их число, а затем использую счетчик в своем коде PHP, чтобы определить, куда поместить код AdSense.Дело в том, что когда я делаю это, таблица разбивается.

Я делал что-то вроде этого: 

<?php $limit = floor($site['skinsPerPage'] / 2); $counter = 0; ?>
<?php foreach($skins as $skin): ?>
    <?php if($counter == $limit): ?>
        <tr>
            <td>
                <!-- adsense code -->
            </td>
        </tr>
    <?php else: ?>
        <!-- normal table code (as above) -->
    <?php endif; ?>
    <?php $counter++; ?>
<?php endforeach; ?>

Кто-нибудь знает, какой стиль я могу использовать для отображения этого объявления AdSense вячейка таблицы по центру моего стола?Кажется, что я разбиваю стол, что бы я ни делал, и отталкиваю все остальные td элементы стола в одну сторону.

1 Ответ

2 голосов
/ 23 мая 2011

Превратите ваш <td> в <td colspan="6"> (или столько столбцов в вашей таблице).

По сути, вы толкаете огромный, широкий элемент в первый столбец таблицы.Использование colspan позволяет ячейке таблицы использовать более одного столбца.

...