Правка адаптивной таблицы

Сообщений: 148 Регистрация: Май 2014

11 Марта 2016 09:48

Добрый день! Для своего сайта решил использовать данный пример адаптивных таблиц:

http://zurb.com/playground/projects/responsive-tables/index.html

Так вот, сделал все по инструкции, но на моем сайте отображение идет немного криво... Строки начинают спалзать. Скрин прилагается. Помогите решить проблему.

P.s. для чистоты даже скопировал код таблицы из примера.

Прикрепленные файлы

f576b35a4979c2e122393dbaf9962f89.png (42.01 КБ) [ Скачать ]

Сергей Николаенко

Сообщений: 182 Регистрация: Дек 2015

11 Марта 2016 10:17

Скорее всего, у Вас междустрочный интервал в первом столбце не такой, как во втором или отступы не сходятся со вторым столбиком.

https://hostia.ru/billing/host.php?uid=24820 - самый удобный и недорогой хостинг. Сам пользуюсь и всем рекомендую)

Мой сайт https://sozdanie-saita.kh.ua/ висит на этом хостинге. Кроме него, еще 60 сайтов тоже там

Сергей Николаенко

Сообщений: 182 Регистрация: Дек 2015

11 Марта 2016 10:18

Вообще, лучше, чтобы Вы показали сайт, на котором у Вас не получается сделать таблицу. Тогда можно было бы сказать точнее.

LyalinDV

Сообщений: 148 Регистрация: Май 2014

11 Марта 2016 10:21

Цитата
Сергей Николаенко пишет: Скорее всего, у Вас междустрочный интервал в первом столбце не такой, как во втором или отступы не сходятся со вторым столбиком.

Это врядли. Я же сказал, что взял код таблицы прямо с примера, чтобы определить, косяк это стилей моего сайта или самого текста и таблицы. Тут проблема в том, что накладываются стили.

Вот кстати что у меня есть в CSS:

Код
table { width: 98%; border-collapse: collapse; margin: 10px auto; } th { background-color: #DDD; font-weight: normal; } th, td { border: 1px solid #AAA; font-size: 14px; font-size: 0.875rem; }

justman

Сообщений: 448 Регистрация: Июн 2015

11 Марта 2016 10:47

Цитата
Сергей Николаенко пишет: Вообще, лучше, чтобы Вы показали сайт, на котором у Вас не получается сделать таблицу. Тогда можно было бы сказать точнее.

Цитата
LyalinDV пишет: Это врядли. Я же сказал, что взял код таблицы прямо с примера, чтобы определить, косяк это стилей моего сайта или самого текста и таблицы. Тут проблема в том, что накладываются стили.

Вы сами ответили на свой вопрос.
Если не хотите светить ресурс больше вам никто не поможет, т.к. надо открывать сайт, открывать инспектор и смотреть, какой стиль переопределить.

LyalinDV

Сообщений: 148 Регистрация: Май 2014

11 Марта 2016 11:24

Цитата

justman пишет:

Цитата
Сергей Николаенко пишет: Вообще, лучше, чтобы Вы показали сайт, на котором у Вас не получается сделать таблицу. Тогда можно было бы сказать точнее.

Цитата
LyalinDV пишет: Это врядли. Я же сказал, что взял код таблицы прямо с примера, чтобы определить, косяк это стилей моего сайта или самого текста и таблицы. Тут проблема в том, что накладываются стили.

В космосе (точка) ком

LyalinDV

Сообщений: 148 Регистрация: Май 2014

11 Марта 2016 17:38

Разобрался в чем проблема...
В левой колонки по умолчанию у всех ячеек присваивается атрибут style=height: 40 px. Присвоение идет через

element.style { height: 40px;
}

Как это править?

justman

Сообщений: 448 Регистрация: Июн 2015

16 Марта 2016 09:44

Цитата
LyalinDV пишет: Разобрался в чем проблема... В левой колонки по умолчанию у всех ячеек присваивается атрибут style=height: 40 px. Присвоение идет через element.style { height: 40px; } Как это править?

сайт ваш нашел, а страницу нет. скиньте адрес траницы. либо поробуйте в ксс прописать правильный height на уровне таблицы.

Похожие темы:

25.03.2015 13:25

Легкая правка верстки бесплатно

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
14:13 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы \| Еженедельные Выплаты \| CPA до $950 10:09 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 21:07 Взрывной рост роботности в Метрике 18:33 Trafee.com – эффективная монетизация вашего дейтинг трафика 15:41 Adtrafico - Правильная партнёрская сеть под бурж трафик 22:12 Stixi.ru. и stixi.com 20:30 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options	12:11 Уникальный сервис SEO продвижения 05:08 [WORDPRESS] [Gemini\|GPT]️ ClipAI - Копирайтинг больше не нужен! Подключит ИИ к интернету и напишет статьи с автоматической публикацией на сайт. 14:51 Мощные прокси для вашего бизнеса! 12:17 Продам дешёвые домены (1$/штука) 10:58 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 10:17 Размещу ссылки/статьи на ваш сайт \| Рост ИКС \| XRumer 23.0.4 StrongAI 22:12 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств	22:00 Точные прогнозы на футбол 20:09 Сколько сейчас стоит наполнение ИМ? 12:43 Куплю проигрышные букмекерские аккаунты 04:33 Половина скидок на распродажах — фейк 07:53 НейроБабушка наказывает мошенников 19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту