Светлана Г.

А вот теперь встал вопрос сделать эту таблицу адаптивной. Можете что-нибудь посоветовать? Я использовала раньше такой способ: https://css-tricks.com/responsive-data-tables/ Но он не подходит из-за присутствия rowspan.

<td style="width: 403px; height: 8 px;"> </td> <td style="width: 324px; height: 8 px;"> <td style="width: 403px; height: 8 px;"> px нужно писать слитно со значением. Да и вообще, все размерности пишутся без пробелов.

Да, я так и сделала - поместила каждую вкладку в tbody. Спасибо!

Сделала все в одной таблице. Для каждой вкладки - свой <tbody>. IE9.

И все 12 таблиц должны находиться в одной общей?

Вот так у меня: http://jsfiddle.net/ekqj3vht/5/ Как мне теперь объединить содержимое каждой вкладки, чтобы можно было обратиться именно к ней? Хотела поместить в отдельную таблицу, но никак не получается это сделать. Таблица становится независимой от общей.

Пока я вот что сделала: http://jsfiddle.net/ekqj3vht/2/ За скрипт отдельное спасибо!

Спасибо огромное! То, что внизу отдельным блоком и отдельной таблицей делаю так? <div><table></table></div> И всего их 12 штук.

Можно поподробнее, пожалуйста.

На узком экране из шапки будет удален текст, останутся только пиктограммы. Меня волнует вопрос, как объединить содержимое вкладки.

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

Здравствуйте! Нужно принять решение, как правильно это сверстать. Есть такое задание: Каждый месяц - это вкладка. Соответственно, под ней отображается относящееся к ней содержимое. Верстка должна быть адаптивной. Правильно ли сверстать это таблицей?

http://jsfiddle.net/cp1eLaru/6/

Так: https://jsfiddle.net/wfq1z9u2/12/ ? Локально у меня нет горизонтальной прокрутки. А в песочнице почему-то появилась.

В Вашем примере закрыты не все <div>-ы.

Поняла! Спасибо за подробнейшее объяснение . Точно, я не учла, что здесь нумерация начинается с нуля.

Спасибо большое! Сработало! Я поменяла порядок следования псевдоклассов и вместо (4n) прописала (4n+1). .search_gW .widget-meta-data-filter .mdf_input_container:nth-child(4n+1):not(.mdf_section_tax_product_cat)А почему (4n+1)?

Это первое, что я пробовала, но почему-то не получилось - появлялась прокрутка. Это именно из-за 35px, Если ставила 15px - было нормально. Не понятно почему даже.

Есть сайт. Под меню Расширенный поиск. Задача состоит в том, чтобы у каждого 4 блока со свойствами товара (пол, бренд, возраст, ...) обнулить margin. Я написала такое правило, но оно не работает как надо: .search_gW .widget-meta-data-filter .mdf_input_container:not(.mdf_section_tax_product_cat):nth-of-type(4n){ margin-right:0 !important;}Это правило некорректное? Возможно ли это сделать без js?

http://htmlbook.ru/css/not

Галочка не появляется на некоторых устройствах на Андроиде. Выяснилось, что сам чекбокс работает, просто не видно саму галочку. Где-то нужно добавить z-index, наверное.

Доброе утро! На сайте http://www.znichshop.ru/ есть Расширенный поиск. Проблема заключается в том, что на некоторых планшетах и телефонах не отмечается галочка в чекбоксах (при выборе разделов), а на всех проверенных устройствах, после появления галочки название поля падает под само поле. В чем данная проблема?

Недостаточно информации. Нужно видеть стили всех элементов. Если имеется в виду на всю ширину, могу предположить, что общий контейнер .page не ограничен по ширине. Вот она и растянулась на всю ширину, будучи блочным элементом.

Цены нормальные: 500-600 руб. в час, для начала.

Все указанные выше преимущества, подтверждаю - я сама работаю в этой компании.