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



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

#1

Поделиться сообщением #1



merfo

merfo
  • Пользователь
  • 62 сообщений
  • Репутация: 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

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Таблица в самом верху
  2. Как выровнять на одной линии без использования table?
  3. Как выровнять элементы списка в строчку
  4. Какой стилевой блок отвечает за выравнивание горизонтального меню?
  5. Убрать лишние поля в таблице

#2

Поделиться сообщением #2



ShowPrint

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

Отправлено 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

Поделиться сообщением #3



merfo

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

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

vertical-align:middle;

Для всех TD.

 

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


  • 0

#4

Поделиться сообщением #4



ShowPrint

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

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

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

 

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


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


#5

Поделиться сообщением #5



merfo

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

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

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

 

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


  • 0


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