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

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

11 Марта 2016 09:48

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

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

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

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

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

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

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

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

11 Марта 2016 10:17

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

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

Мой сайт https://seganiko.com. Обращайтесь за разработкой.

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

Сообщений: 183 Регистрация: Дек 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)

Новые темы	Объявления	Свободное общение
06:15 "The web is a dynamic place". Мюллер ответил по шторму 30 января (лучше б молчал) 06:05 Трафик пробил дно? Худший январь за 10 лет и внезапный рост продаж с Bing 17:28 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 17:05 Гугл официально убивает клики: кнопка "Show more" теперь открывает чат на весь экран вместо сайтов 17:00 Дзен окончательно всё? Или у кого-то еще «стреляет» белый контент? 16:31 Плагин ответа 12:29 РСЯ и тормоза сайта: Яндекс начал штрафовать за плохой PageSpeed?	04:25 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 16:37 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 16:10 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 15:45 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 11:21 Trustpilot Reviews \| Подниму рейтинг вашей компании 11:19 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 11:16 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата	05:56 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 05:31 Ставки на супер тренды в спорте 01:23 Точные прогнозы на футбол 17:02 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 11:50 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 08:25 Отвратительное поведение 11:00 Кто может дать инвайт на WebMasters?