Как сделать таблицу на сайте НЕ адаптивной

M
На сайте с 16.02.2018
Offline
58
422

Друзья, добрый день!

У меня на сайте адаптивные таблицы для мобильной версии, то есть, строки накладываются друг под друга, но нужно сделать таблицу не адаптивной и что бы друг под друга строки не накладывались. Вот CSS код таблицы http://joxi.ru/YmEJjdlT014dL2 . (сайт на wordpress) Помогите пожалуйста!

Р
На сайте с 07.02.2013
Offline
164
#1

Друг под друга они чаще меняются при использовании JS.

1. Открываешь CSS и ищешь внутри все что внутри медиа запросов относится к тиблицам. Изучаешь. Удаляешь.

2. Уменьшаешь размер окна браузера до момента "схлопывания" таблице и смотришь в инструментах разработчика появившиеся стили. Открываешь CSS, удаляешь.

3. Стилей может и не быть в файлах стилей, все может быть спрятано внутри JS файла.

А код, данный вами...с ним ничего нельзя сделать.

Либо показывайте сайт/полный код, либо не стоит даже дальше пытаться выяснять как изменить поведение таблиц.

S1
На сайте с 02.10.2016
Offline
138
#2
Maksimek:
нужно сделать таблицу не адаптивной и что бы друг под друга строки не накладывались.

нужно смотреть какие конкретно таблицы

например можно медиазапросом

сделать таблицу блочным элементом и содержимое расположить по горизонтали

то есть добавить в css типа такого:

@media screen and (max-width: 900px) 
{
table {display: block; overflow-x: auto;}
}
Постоянно обмениваюсь ссылками с качественными сайтами по теме электроника, электронные компоненты, и тд.

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