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

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

Новые темы	Объявления	Свободное общение
08:53 AI под надзором. Минцифры готовят клеймо для контента 08:51 APK на паузе. Google убивает быстрый конверт 08:49 Яндекс-ап 20 марта и похороны ChatGPT, Claude и Gemini. Считаем убытки 22:32 Gambling Craft - гемблинг по белому 00:12 XEvil - софт для разгадывания капчи. Бесплатная демо-версия. Привязка к SEO/SMM-софту. 16:58 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика 15:38 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options	09:17 Все услуги в Телеграм 05:40 Купить дедики Абузоустойчивые сервера Аренда сервера Купить dedic Дедик Дешево vps vds сервера дедики на SSD! 17:48 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ! 17:13 Анализ курсов и недежности обменников - Kurs.Expert 15:29 CactusPay.PRO \| Умная платёжная система с выводом в USDT TRC-20 14:20 Вериф аккаунты АВИТО + платежи 14:17 Swapwatch.org — Мониторинг криптовалютных обменников	08:54 молодильные яблоки и живая вода 08:52 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила 08:48 Сайты Рунета 00:10 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 20:23 Панель Кнопки соцсетей 20:09 Точные прогнозы на футбол 14:03 Огородники