Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

Выровнять содежимое в таблице

#1 merfo

merfo
  • Пользователь
  • 55 сообщений
  • Репутация: 6
0

Отправлено 19 Февраль 2016 - 11:22

И так, есть таблица с двумя ячейками (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 Февраль 2016 - 11:24

  • 0

#2 ShowPrint

ShowPrint
  • Пользователь PRO
  • 1 729 сообщений
  • Репутация: 410

Отправлено 19 Февраль 2016 - 12:41

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}

  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#3 merfo

merfo
    Topic Starter
  • Пользователь
  • 55 сообщений
  • Репутация: 6

Отправлено 19 Февраль 2016 - 12:55

vertical-align:middle;

Для всех TD.

 

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


  • 0

#4 ShowPrint

ShowPrint
  • Пользователь PRO
  • 1 729 сообщений
  • Репутация: 410

Отправлено 19 Февраль 2016 - 13:53

Для всех TD
Должно работать по идее (...тынц...)

 

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


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#5 merfo

merfo
    Topic Starter
  • Пользователь
  • 55 сообщений
  • Репутация: 6

Отправлено 19 Февраль 2016 - 14:25

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

 

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


  • 0


Оформление форума – IPBSkins.ru