Как вставить таблицу в WordPress и не сойти с ума?

12
мартышон
На сайте с 11.10.2006
Offline
163
1268

Хочу переделать главную страницу сайта. Вверху изображение, под ним таблица, ширина которой должна быть равна ширине этого изображения. Выставлять ширину таблицы в % дело абсолютно бессмысленное, т.к. на разных мониторах она будет разной ширины. Выставила ширину в пикселях, и тоже фигня получается. На небольшом мониторе верхнее изображение уменьшается и полностью влезает в экран. А правый край таблицы вылезает за пределы экрана.

Свидетельства моего позора прикладываю.

jpg 182248.jpg
jpg 182249.jpg
S
На сайте с 30.09.2016
Offline
469
#1

Таблица нужна для того, чтобы выводить символьно-цифровую информацию - как в Excel, например. В Вашем случае я такой необходимости не наблюдаю. Верстайте блоками.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
melkozaur
На сайте с 06.04.2010
Offline
496
#2

мартышон,

мартышон:
Выставлять ширину таблицы в % дело абсолютно бессмысленное, т.к. на разных мониторах она будет разной ширины.

Этот момент не понял. На разных мониторах будет 100% - и в чем проблема?

По поводу таблицы - все правильно, это не таблица, а обычные блоки. Реализовать можно разными способами, display:flex и т.п. Блоки можно и в столбик по одному пустить для мобильников.

С таблицами нынче лучше вообще не связываться по возможности, вообще думаю никогда не будут даже основные браузеры понимать таблицы одинаково :)

Серверы в NL/US со скидкой 30% нашим читателям: E5-2650v4/10GB DDR4/240GB SSD/1 Gbps - от $20: https://ua-hosting.company/vps/nl SEO без компромиссов: https://seoleaks.net SEOLEAKS - продвижение сайтов: https://www.instagram.com/seoleaks
мартышон
На сайте с 11.10.2006
Offline
163
#3
melkozaur:
На разных мониторах будет 100% - и в чем проблема?

Проблема в том, что мне не нужно 100%. Тогда три нижних изображения будут расползаться по всему экрану. А мне хотелось бы, чтобы они были под верхней картинкой.

S
На сайте с 30.09.2016
Offline
469
#4

мартышон, это же всё обычные задачи для вёрстки. Решения могут быть разные - объединение верхней картинки и нижних в одном блоке, задание ширины нижнего блока равной ширине верхней картинки, ещё как-то, в зависимости от конкретных обстоятельств.

S3
На сайте с 29.03.2012
Offline
235
#5

мартышон Bootstrap, я так понимаю, для вас жуткая магия?

melkozaur
На сайте с 06.04.2010
Offline
496
#6
мартышон:
мне не нужно 100%.

Ну 100% - это от ширины блока, в котором верхняя картинка.

Короче вся конструкция - допустим, максимум 800px. Картинка - 100%. Блок с тремя картинками - тоже 100%.

мартышон
На сайте с 11.10.2006
Offline
163
#7
Sly32:
мартышон Bootstrap, я так понимаю, для вас жуткая магия?

Угу

melkozaur:
Ну 100% - это от ширины блока, в котором верхняя картинка.
Короче вся конструкция - допустим, максимум 800px. Картинка - 100%. Блок с тремя картинками - тоже 100%.

А где-нибудь можно про верстку блоками почитать? Чтобы совсем для чайников.

В последний раз я верстала лет 10 назад, и про блочную верстку знаю только то, что она есть :)

Дейл Купер
На сайте с 26.12.2016
Offline
110
#8
мартышон:
А где-нибудь можно про верстку блоками почитать?

https://webref.ru/layout/learn-html-css/box-model

Приятного чтива :) Bootstrap также советую изучить

Просто личный блог. Excel, VBA, аналитика https://xvba.ru/
ТР
На сайте с 24.09.2016
Offline
204
#9
мартышон:
Угу


А где-нибудь можно про верстку блоками почитать? Чтобы совсем для чайников.

В последний раз я верстала лет 10 назад, и про блочную верстку знаю только то, что она есть :)

Ежели совсем для новичков вот

https://www.youtube.com/watch?v=a9RtPEjC2ik&list=PLplUVF5VxDlSUpKa0pZqzgWYxdREM9nO0

Как копирайтеру хорошо зарабатывать (https://copywriting-tarasov.ru/?p=613) https://copywriting-tarasov.ru/ (https://copywriting-tarasov.ru/) Бесплатный аудит РК в Яндекс.Директе
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий