[X] Помощник

[merfo Topic Starter]

И так, есть таблица с двумя ячейками (1 строка, 2 колонки). В одно размещены кнопки соц.сетей в другой рейтинг статьи. Оба элемента разной высоты, поэтому смотрится не очень красиво.

Мне нужно опустить содержание одной из ячеек (первой) на 6-10 пикселей в низ. 

Вот как выглядит сама таблица: 

<table style="border: 2px solid white;">
<tbody>
<tr>
<td style="text-align: center; border: 2px solid white;">[rating id="1"]</td>
<td style="text-align: center; border: 2px solid white;">[social-share]</td>
</tr>
</tbody>
</table>

Попробовал использовать 

vertical-align:middle;

но не помогло


Сообщение отредактировал merfo - 19.2.2016, 12:24

[ShowPrint]

vertical-align:middle;

для чего устанавливали?

Можно попробовать и так:

<table style="border: 2px solid white;" class="social">
<tbody>
<tr>
<td style="text-align: center; border: 2px solid white;">[rating id="1"]</td>
<td style="text-align: center; border: 2px solid white;">[social-share]</td>
</tr>
</tbody>
</table> 

(назначаем таблице стилевой класс)

В css:

.social td:first-child {padding-top:10px}

[merfo Topic Starter]

vertical-align:middle;

Для всех TD.

Спасибо, вечером попробую.  

[ShowPrint]

Для всех TD

Должно работать по идее (...тынц...)

Надо смотреть и вдумчиво разбираться - может где возникает конфликт с другими стилями в css...

[merfo Topic Starter]

.social td:first-child {padding-top:10px}

 

Вот это сработало. Спасибо, очередной раз, Вас за помощь.

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.