Совместите изображения и текст в одной камере вертикально?

Тема в разделе "Верстка", создана пользователем Ahmad, 15 сен 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. Ahmad

    Ahmad Постоялец

    Регистр.:
    4 май 2013
    Сообщения:
    86
    Симпатии:
    1
    У меня есть небольшая 2x2 HTML таблице. Каждая клетка содержит одно изображение и один кусок текста.

    Пример изображения:

    [​IMG]

    Как вы можете видеть, текст вертикально под вертикально Средний уровень изображения. Как я могу сделать текст по вертикали в центре, относительно изображения на левой?


    Я попробовал несколько различных значений `display`, но я не могу это исправить.

    JSFiddle: http://jsfiddle.net/CaCuq/
     
  2. Trusteg

    Trusteg Создатель

    Регистр.:
    30 ноя 2012
    Сообщения:
    36
    Симпатии:
    11
  3. Ahmad

    Ahmad Постоялец

    Регистр.:
    4 май 2013
    Сообщения:
    86
    Симпатии:
    1
    Спасибо! Какие изменения вы сделали, чтобы исправить это?
     
  4. Trusteg

    Trusteg Создатель

    Регистр.:
    30 ноя 2012
    Сообщения:
    36
    Симпатии:
    11
    Код:
    #nst_block #social_body table a {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 16px;
        font-family: inherit;
        vertical-align: baseline;
        color: #a2b2c6;
        text-decoration: none;
        line-height: 2.3em;
    }
    #nst_block #social_body table td {
        background: 0;
        border: 0;
        height:2.3em;
    }
    
    1)changed vertical-align from baseline to middle, deleted line-height string;
    2)added height to cell.

    P.S. For thanks, you have button "I like" (Мне нравится).
    P.S.S. Google translate works bad, next time try to ask something using english language.
     
    Ahmad нравится это.