Вертикальное выравнивание таблиц в столбце

(Ответов: 13, Просмотров: 867)
Страница 1 из 2 12 Последняя
  1. Студент
    • Регистрация: 25.03.2015
    • Сообщений: 46
    • Репутация: 7
    Здравствуйте. В первый столбец вставлено три таблицы и задано верхнее выравнивание. Как можно третьей таблице задать не верхнее, а нижнее выравнивание?

    <tr>
    <td valign="top" class="left">

    <table> </table>
    <table> </table>
    <table> </table>

    </td>

    <td></td>
    <td></td>

    </tr>
    • 0
  2. Опытный Аватар для Vlad03
    • Регистрация: 21.05.2014
    • Сообщений: 404
    • Репутация: 33
    • Webmoney BL: ?
    Я бы сделал это через css, для третей таблицы задал класс и через него задал выравнивание
    Код HTML:
    <table class="third"><table>
    CSS:
    .third{
    vertical-align: bottom;
    }
    • 0
  3. Гуру Аватар для Matsa
    • Регистрация: 11.02.2012
    • Сообщений: 1,344
    • Репутация: 558
    • Webmoney BL: ?
    Redd, используйте псевдо класс last-child:

    Код HTML:
    .left table:last-child {
            vertical-align: bottom;
    }
    Читаю https://bankstoday.net/ и стал разбираться в экономике и финансах
    • 1

    Спасибо сказали:

    voffka_m(02.04.2015),
  4. Гуру Аватар для Matsa
    • Регистрация: 11.02.2012
    • Сообщений: 1,344
    • Репутация: 558
    • Webmoney BL: ?
    Цитата Сообщение от Vlad03 Посмотреть сообщение
    Я бы сделал это через css, для третей таблицы задал класс и через него задал выравнивание
    иногда, задать доп класс вручную сложно (например CMS генерирует таблицы, и ТС не знает где это происходит), видимо у ТС как раз этот случай
    Читаю https://bankstoday.net/ и стал разбираться в экономике и финансах
    • 0
  5. Quae res omnia Аватар для Coder
    • Регистрация: 29.01.2015
    • Сообщений: 821
    • Репутация: 299
    Посмотрите:
    Скрытый текст (вы должны войти под своим логином или зарегистрироваться и иметь 1 сообщение(ий)):
    У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.
    • 0
  6. Опытный Аватар для Vlad03
    • Регистрация: 21.05.2014
    • Сообщений: 404
    • Репутация: 33
    • Webmoney BL: ?
    Matsa, не отрицаю этого, но и в старых браузерах ваш вариант работать не будет.
    • 0
  7. Студент
    • Регистрация: 25.03.2015
    • Сообщений: 46
    • Репутация: 7
    Vlad03,

    Что-то не так задано? Не срабатывает. Срабатывает выравнивание текста только. Еще margin не получается задать из CSS.

    CSS:
    .third{
    vertical-align: bottom;
    text-align:center;
    }

    <tr>
    <td valign="top" class="left">

    <table class="third" width="100%" border="0" cellspacing="0" cellpadding="0">

    <tbody>
    <tr>
    <td valign="bottom" height="80px">
    <p style="margin: 0;">
    <a href=""></a>

    </p></td>
    </tr>

    </tbody>
    </table>

    <table> </table>
    <table> </table>

    </td>

    <td></td>
    <td></td>

    </tr>
    Последний раз редактировалось Redd; 02.04.2015 в 14:43.
    • 0
  8. Banned
    • Регистрация: 15.12.2014
    • Сообщений: 268
    • Репутация: 6
    Для этого используйте атрибут <valign> со значением <bottom>.
    То есть valign = "bottom".
    • 0
  9. Опытный Аватар для Vlad03
    • Регистрация: 21.05.2014
    • Сообщений: 404
    • Репутация: 33
    • Webmoney BL: ?
    Redd, покажите весь код, можно в личку.
    • 0
  10. Banned
    • Регистрация: 15.12.2014
    • Сообщений: 268
    • Репутация: 6
    Vlad03, зачем, это необязательно! Достаточно автору объяснить, что и как, а дальше, он сам сможет сделать.
    • 0
Страница 1 из 2 12 Последняя

Похожие темы

Темы Раздел Ответов Последний пост
выравнивание текста материала
Joomla 4 14.09.2014 21:19
Выравнивание содержимого
Web программирование 5 23.10.2013 15:37
выравнивание
Вопросы от новичков 2 11.07.2012 15:24
Выравнивание элемента в blogspot
Web программирование 2 22.08.2011 05:38

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры