|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
28.01.2021, 13:10 | #1 |
Недотепа
Форумчанин
Регистрация: 18.01.2011
Сообщений: 174
|
Таблица в два столбца
Здравствуйте. У меня есть таблица, как её отформатировать в 2 столбца. Так чтобы под картинкой был соответствующий текст, а блоки выравнивались большему блоку в строке.
Я сделал с помощью inline-block и position:absolute. Но текст пришлось поднять наверх картинки. И высота всех блоков фиксирована относительно самого большого во всей таблице. Может как-то можно сделать с помощью grid или flex? https://jsfiddle.net/ew60mkcs/ Код HTML:
<table> <tbody> <tr><td><div><a href="#"><img src="https://via.placeholder.com/450x650"></a></div></td></tr> <tr><td>Text в одну строчку</td></tr> <tr><td><br></td></tr> <tr><td><div><a href="#"><img src="https://via.placeholder.com/450x420"></a></div></td></tr> <tr><td>Text в одну строчку</td></tr> <tr><td><br></td></tr> <tr><td><div><a href="#"><img src="https://via.placeholder.com/450x650"></a></div></td></tr> <tr><td>Text в одну строчку</td></tr> <tr><td><br></td></tr> <tr><td><div><a href="#"><img src="https://via.placeholder.com/450x650"></a></div></td></tr> <tr><td>Text в одну строчку</td></tr> <tr><td><br></td></tr> <tr><td><div><a href="#"><img src="https://via.placeholder.com/450x650"></a></div></td></tr> <tr><td>Text в одну строчку</td></tr> <tr><td><br></td></tr> <tr><td><div><a href="#"><img src="https://via.placeholder.com/450x450"></a></div></td></tr> <tr><td>Text в одну строчку</td></tr> <tr><td><br></td></tr> <tr><td><div><a href="#"><img src="https://via.placeholder.com/450x420"></a></div></td></tr> <tr><td>Text в одну строчку</td></tr> <tr><td><br></td></tr> </tbody> </table> Код:
Последний раз редактировалось Parallelogram; 28.01.2021 в 13:15. |
26.02.2021, 07:37 | #2 |
Заблокирован
Регистрация: 10.02.2021
Сообщений: 20
|
Верстку нужно делать, не на тэгах table, а на тэгах div.
|
26.02.2021, 12:57 | #3 |
Недотепа
Форумчанин
Регистрация: 18.01.2011
Сообщений: 174
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
два столбца в одном блоке | Shm0N | HTML и CSS | 2 | 08.11.2014 15:01 |
Как открыжить два столбца в excele? | TORISS | Microsoft Office Excel | 12 | 16.08.2013 09:14 |
разделение столбца на два | apelsun | SQL, базы данных | 4 | 20.05.2012 21:32 |
два один.столбца, простые числа.. | majesticx777 | Паскаль, Turbo Pascal, PascalABC.NET | 1 | 15.06.2011 13:38 |
Помогите пожалуйста сравнить два столбца | ddimma | Microsoft Office Excel | 4 | 16.01.2009 09:01 |