Выравнять текст по верхнему краю таблицы

(Ответов: 5, Просмотров: 953)
  1. Студент
    • Регистрация: 25.03.2015
    • Сообщений: 46
    • Репутация: 7
    Здравствуйте. Скажите, пожалуйста, что надо дописать / изменить, чтобы текст был выровнен по верхнему краю таблицы? Сейчас по верхнему краю выравнивается только изображение.

    <div class="news_tab">
    <table border="0" width="100%" >
    <tr>
    <td>
    <table>
    <tr>
    <td valign="top">
    <img src="modules/news/news_imgs/<?php echo $news['news_img_big']; ?>" width="70">
    </td>
    <td>
    <p style="text-align: justify;">
    <?php echo $news['news_date']; ?>&nbsp;&nbsp;
    <a href="<?php echo $lang_param.'/'.$news['news_pseudo'];?>">
    <strong><?php echo $news['news_title']; ?></strong><br>
    <?php echo $news['news_desc']; ?>
    </a>
    </p>
    </td>
    </tr>
    </table>

    </td>
    </tr>
    </table>
    </div>
    • 0
  2. Студент
    • Регистрация: 12.09.2014
    • Сообщений: 74
    • Репутация: 5
    Не до конца вьехал, но кажется вьехал. Если вы про то что в теге p лежит, то vertical-align работает только с строчными и блочно-строчными элементами, а p, как бы это не было странно является блочным элементом, соответственно можете попробовать применить к нему display:inline-block;
    • 0
  3. Banned
    • Регистрация: 15.12.2014
    • Сообщений: 268
    • Репутация: 6
    Чтобы выравнивать содержимое ячеек таблицы по верхнему краю таблицы, необходимо использовать атрибут <valign> со значением <top>. То есть, вот пример:

    <table border="0" width="100%" >
    <tr>
    <td valign = ‘top’>10</td>
    <td>
    <table>
    Последний раз редактировалось PlatonovS; 27.03.2015 в 20:11.
    • 0
  4. Гуру Аватар для kuzmi4
    • Регистрация: 26.02.2014
    • Сообщений: 525
    • Репутация: 104
    • Webmoney BL: ?
    В ячейку с текстом вот это пропишите valign="top"
    и уберите текст из P
    https://jsfiddle.net/L517awrt/27/
    Последний раз редактировалось kuzmi4; 27.03.2015 в 20:50.
    • 1

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

    Redd(29.03.2015),
  5. Banned
    • Регистрация: 15.12.2014
    • Сообщений: 268
    • Репутация: 6
    Цитата Сообщение от kuzmi4 Посмотреть сообщение
    В ячейку с текстом вот это пропишите valign="top"
    и уберите текст из P
    Я это уже сказал, смысл повторять то, что уже сказано!

    ---------- Сообщение добавлено 12:24 ---------- Предыдущее 12:15 ----------

    Вот правильный код:

    <div class="news_tab">
    <table border="0" width="100%" >
    <tr>
    <td valign = "top">текст</td>
    <td>
    </table>
    <table>

    <tr>
    <td valign="top">
    <img src="modules/news/news_imgs/<?php echo $news['news_img_big']; ?>" width="70">
    </td>

    <td>
    <p style="text-align: justify;">
    <?php echo $news['news_date']; ?>&nbsp;&nbsp;
    <a href="<?php echo $lang_param.'/'.$news['news_pseudo'];?>">
    <strong><?php echo $news['news_title']; ?></strong><br>
    <?php echo $news['news_desc']; ?>
    </a>
    </p>
    </td>
    <td valign = "top">текст</td>
    </tr>
    </table>

    <table>
    </td>
    <td valign = "top">текст</td>
    </tr>
    </table>
    • 1

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

    Redd(29.03.2015),
  6. Студент
    • Регистрация: 25.03.2015
    • Сообщений: 46
    • Репутация: 7
    kuzmi4,
    PlatonovS,
    Спасибо, работает!
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Как выровнять блоки рекламы по правому краю
Web программирование 6 11.12.2013 15:55
Выравнять контент по горизонтали в DLE
DLE 7 01.06.2013 20:53
Выравнять контент по горизонтали
Вопросы от новичков 7 01.06.2013 20:53
Как удалить все таблицы с бд посредством php?
Оффтоп и свободные темы 1 02.03.2013 23:24
Не отображает содержимое таблицы
Web программирование 3 24.06.2011 00:17

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

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

Информеры