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

Сообщений: 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 на уровне таблицы.

Новые темы	Объявления	Свободное общение
12:37 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 12:14 Продвижение в ТОП-1 Яндекс при помощи лучших ПФ в РФ 15:19 Refmate — сервис для взаимного обмена ссылками 13:06 Продвижение по ключам 09:47 Adsense личный опыт 13:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 13:47 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.	16:49 Обменяй крипту без стресса – LupiBit.kg 15:45 GoodsMoney.io 15:39 swapsfera.com 12:52 Volna.money 10:50 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру) 10:01 PlayPay.biz - Лутбоксы с товарами, играми 08:32 Продам сайт финансовой тематики (банки, мфо) срочно с доменом!!!	16:57 Всего п онемногу 12:45 Куплю проигрышные букмекерские аккаунты 11:55 Union Pharm - топовая фарма-партнерка для профессионалов! 17:09 Точные прогнозы на футбол 10:00 Ну что, кто куда деваете свои сайты? 16:22 Компьютерная мышь 23:55 Добро пожаловать в цифровой мир...