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

Сообщений: 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)

Новые темы	Объявления	Свободное общение
01:48 Стоит ли добавлять сайт в Rambler топ 100? 19:33 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 09:02 Как продвигать сайт с неуникальным контентом 08:57 Absence в Армении 14:50 Индексация страниц 12:36 У кого новостник, дайте пару советов плиз 13:53 AviTool - мощный инструмент для автоматизации работы с Avito	11:24 Продам копию сайта. 09:48 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 04:08 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 21:42 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 15:52 AllCharge.online. Современный, быстрый и надёжный обменник 15:32 CactusPay.PRO \| Умная платёжная система с выводом в USDT TRC-20 12:01 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру)	11:13 Ну что, кто куда деваете свои сайты? 21:05 Точные прогнозы на футбол 22:09 Добро пожаловать в цифровой мир... 19:42 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 22:08 Накрутка поисковых подсказок 14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди