Здравствуйте. Скажите, пожалуйста, что надо дописать / изменить, чтобы текст был выровнен по верхнему краю таблицы? Сейчас по верхнему краю выравнивается только изображение.
<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']; ?>
<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>
- 27.03.2015 14:02
- Регистрация: 25.03.2015
- Сообщений: 46
- Репутация: 7
- 27.03.2015 15:14
- Регистрация: 12.09.2014
- Сообщений: 74
- Репутация: 5
Не до конца вьехал, но кажется вьехал. Если вы про то что в теге p лежит, то vertical-align работает только с строчными и блочно-строчными элементами, а p, как бы это не было странно является блочным элементом, соответственно можете попробовать применить к нему display:inline-block;
- 27.03.2015 19:49
- Регистрация: 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.
- 27.03.2015 20:14
В ячейку с текстом вот это пропишите valign="top"
и уберите текст из P
https://jsfiddle.net/L517awrt/27/Последний раз редактировалось kuzmi4; 27.03.2015 в 20:50.
Спасибо сказали:
Redd(29.03.2015), - 28.03.2015 12:24
- Регистрация: 15.12.2014
- Сообщений: 268
- Репутация: 6
Я это уже сказал, смысл повторять то, что уже сказано!
---------- Сообщение добавлено 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']; ?>
<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>Спасибо сказали:
Redd(29.03.2015), - 29.03.2015 14:36
- Регистрация: 25.03.2015
- Сообщений: 46
- Репутация: 7
kuzmi4,
PlatonovS,
Спасибо, работает!
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
Как выровнять блоки рекламы по правому краю | 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 |