Search the Community

Доброго дня всем матерым верстальщикам. Есть задача сделать табличку графика на сайт. Технологии - понятно, что html и css. Табличка не большая, но с особенностями. А именно, в табличке есть группы объединенных ячеек, при чем не только внутри строк, но и между строками (объединяется несколько строк). Табличку прикрепил. Каркас table tr td без объединения ячеек могу сделать, но нужно объединить. Как правильнее всего сделать такое объединение? Было бы классно, чтобы ответ был сразу с примерами.

Здравствуйте, создаю таблицу в HTML, не получается в конце таблицы равномерно распределить столбцы и ячейки. Подскажите пожалуйста в чем ошибка: Пример нужной таблицы во вложениях Ссылка на код: https://pastebin.com/ZL8GRHU5 Если не отображается ссылка текстовый документ кода во вложениях. Спасибо за помощь. Код.txt

Есть таблица. Колонки у нее выравниваются влево, а оставшаяся часть остается пустой http://skrinshoter.ru/s/100818/0jkG6HkA Пробовал решить это с помощью align=left и задать ширину колонкам, но это не сработало Что можно сделать? https://codepen.io/anon/pen/VBqBmw

Добрый день! Прошу помощи у специалистов. В мобильной версии сайта, таблица с ценами http://salon-fkt.ru/kosmetologiya съезжает и отображается некорректно. Сайт на Джумла, шаблон.

Имею таблицу в которой хранятся данные корзины покупателей, хочу что бы она чистилась каждое утро от вчерашних записей, помогите пожалуйста реализовать это с помощью TRUNCATE. Вот что я смог сделать: mysql_query("DELETE FROM `baskets` WHERE `baskets`.`basket_date`>NOW()-INTERVAL '1' DAY"); Но этот способ не приемлем, так как удаляет только одну запись по истечению одного дня хранения, а надо все сразу, у всех пользователей. `basket_date` имеет формат: 2017-02-14 10:05:32

Добрые люди , помогите написать новичку таблицу. Мне дали задание, но я не могу разобраться, учусь на курсах , было всего 2 урока. Таблица на фото. В моем представлении сначала пишется таблица из 11 строк и 8 столбцов. Далее нужно объединить ячейки, затем убрать линии у закрашенных ячеек. Я не знаю как убрать линии у закрашенных ячеек. Далее я не знаю как выставить отступ от границы экрана в процентах , а также не знаю как выставить расстояние внизу между ячейками, как показано на рисунке. В идеале был бы очень признателен за полный код этой таблицы. Для меня проще 1 раз увидеть. Понимаю что для профессионала это 5ти минутное дело. Заранее благодарен откликнувшимся. Верхнюю строку я сделал 5% , чтобы в дальнейшем убрать границы ячеек и тем самым получить отступ от верхней границы экрана. Общая ширина таблицы 80% , далее расположив ее по центру получу по 10 % слева и справа. При удалении лишних ячеек , таблица не корректно отображается. В общем любыми способами должна получиться таблица как на фото.

Столкнулся с проблемой. У меня есть таблица и при наведении на ячейку другие блюрятся, но они блюрятся по горизонтали, а мне наоборот надо чтобы блюрились по вертикали т.е. при наведении на th1 блюрились все td* кроме td1, также и при наведении на любую из td* блюрятся другие td кроме той. Нужно учитывать то что заголовок т.е. th* никогда не блюрится. Короче говоря нужно чтобы при наведении оставались незаблюренными только наведенный столбец. Вот ссылка: https://jsfiddle.net/tArAntAykA_/q77a55e7/2/ Заранее спасибо за ответ. Если что то непонятно пишите. Вот как сейчас: Как надо:

Как на сегодняшний день общепринято верстать таблицы под маленькие разрешения устройств? Какие существуют техники верстки адаптивных таблиц?

Совершенно не отображаются границы у таблиц. Дело не в css. Создаю таблицу без стилей - нет границ, таблицу с принудительными стилями для отображения границ ноль реакций. Отключаю все таблицы стилей как на скрине, создаю простой код, ничего лишнего - нет границ. Хотя если судить по стилям по умолчанию (на скрине) - должны быть серые границы. Спасибо заранее если кто поможет.

Здравствуйте! Если таблица, которую получаем из .xls файла с помощью библиотеки PHPexcel. Эту таблицу мы подгружаем в див с фиксированной высотой. Вопрос вот в чем - как можно при достижении заданной высоты блока переносить остаток таблицы на следующий подобный див? Вот таким образом получаю таблицу: <?php require_once ('PHPExcel/Classes/PHPExcel/IOFactory.php'); // Открываем файл $xls = PHPExcel_IOFactory::load('test.xls'); // Устанавливаем индекс активного листа $xls->setActiveSheetIndex(0); // Получаем активный лист $sheet = $xls->getActiveSheet(); echo "<table class='table table-striped table-bordered sorted_table'><tbody>"; for ($i = 2; $i <= $sheet->getHighestRow(); $i++) { echo "<tr>"; $nColumn = PHPExcel_Cell::columnIndexFromString( $sheet->getHighestColumn()); for ($j = 0; $j < $nColumn; $j++) { $value = $sheet->getCellByColumnAndRow($j, $i)->getValue(); echo "<td><input type='text' value='$value'></td>"; } echo "</tr>"; } echo "</tbody></table>"; ?> Спасибо!

У меня получается очень широкая таблица. Более 20 столбцов. Пришла идея в голову такая.. А что если сделать основные данные таблицей, а статистику (цифры), можно будет переключать табами. Таким образом на экране будет отображаться "Фиксированые данные с таблицы" + "информация с конкретного таба". Прикол заключается в том, что при выборе чекбокса - должны вся строка выделяться. Подскажите может знаете как сделать, или альтернативный вариант посоветуйте. Ниже визуальный вариант:

День добрый! Помогите пожалуйста реализовать такую таблицу цен: http://joxi.ru/DmBDBaZfNJMdKA. Заранее спасибо.

CalcJobs Йошкар-Ола Калькулятор услуг и работ /images/icon-calc.pngЙошкар-ОлаСalcJobs.ru  Самые популярные Услуги электрика Услуги сантехника Образовательные услуги Услуги газовщика Услуги автосервиса Монтаж вент. систем, кондиционеров Услуги печника Услуги каменщика Укладчик напольных покрытий Бетонные работы Юридические услуги Услуги плиточника Услуги грузчика Ремонт квартир Услуги кровельщика Услуги штукатуров маляров Услуги гидроизоляцииВСЕ УСЛУГИ Главная Инструкция работы Как работает наш сайт Наш сайт работает очень просто, вы получаете готовые расчеты о стоимости незамедлительно, а так же при заказе услуг получаете всю необходимую информацию о от службы поддержки по телефону или на указанные реквизиты. Минимальная стоимость заказа 500р. Остальное сайт сделает за вас. Заполните форму, если вы не знаете всех деталей оказания услуг (выполнения работы) закажите вызов специалиста для оценки (находится с лева от данных формы, в нужной вам форме), он самостоятельно подготовит расчет . Далее специалисты выполнения работ или оказания услуг получат уведомление на телефон или e-mail о том что поступил новый заказ. Они сами с вами свяжутся и вы сможете обсудить детали которые считаете нужными. Теперь о вашем заказе уведомлены нужные и уже готовы выполнить заказ а так же, все знают точную стоимость выполнения работы (оказания услуг) и вам не придется переплачивать, если вы достаточно точно заполнили форму. Информирование и партнеры В интернете и в жизни очень много людей которые оказывают услуги или выполняют работу. Мы стараемся выгодно узнавать необходимую информацию о ценах на услуги и времени выполнения. А так же проводить мониторинг цен на услуги, предоставлять информацию в простой и удобной форме для наших партнеров и заказчиков. В планах на 2016 год доработка сайта, подключение СМС сервиса, полноценное внедрение личного счета с полной защитой и многое другое. Основные преимущества Это очень простой способ получить всю необходимую информацию о услуге а так же получить точность расчетов цены ( и даже времени выполнения ) Выгодно использовать свое время для решения вопроса оказания услуг, а так же простого расчета цен. Рекомендуем заполнять формы не более 1 раза за 8 часов. А так же вы всегда можете обратится в службу поддержки и мы сможем обсудить с вами жалобы о оказанной услуге или выполненной работе а так же гарантийные обязательства и сроки выполнения которые предоставлял партнер. Вы можете неплохо экономить на услугах если умеете пользоваться поиском (просто указав нужную услуги или имя исполнителя). Если вы не получили нужный расчет цены на услуги воспользовавшись калькулятором или хотите найти недорогого исполнителя с ценами которые будут устраивать вас, вы можете найти на странице цены (в разработке). Далее вам просто следует обратиться в службу поддержки и "Менеджер" даст вам знать если специалист готов выйти на работу. /images/headers/micro/prt.pngАукцион заказов Быстро и под ключ Ремонт квартирРемонт офисовСтроительство домовРеклама в Йошкар-ОлеТовары оптом из Йошкар-Олы/images/headers/micro/instrucciya.gifДля самых умных Строительные и ремонтные Услуги сантехникаУкладчик напольных покрытийБетонные работыУслуги гидроизоляцииУслуги грузчикаУслуги дизайнера интерьеровУслуги каменщикаУслуги кровельщикаУслуги ландшафтного дизайнераУслуги штукатуров маляровУслуги плиточникаУслуги сварщикаУслуги установщика дверейУслуги электрикаУстановка балконных рамУстановщик оконМонтаж вент. систем, кондиционеровМонтаж ГВЛ ГКЛ конструкцийМонтаж потолковУслуги газовщикаМонтаж коммуникацийМонтаж котельныхПоклейка и оклейка обоевАлмазное бурение/images/headers/micro/blogb.gifВсе услуги и работы Повседневные и разовые Ветеринарные услугиКонсалтинговые услугиОбразовательные услугиОхранные и сыскные услугиПолиграфические услугиРемонт бытовой техникиУслуги адвокатаУслуги врачаУслуги компьютерной помощиУслуги мебельщикаУслуги мойщик оконУслуги уборщицыФото и видео услугиЮридические услугиУслуги оценкиАренда инструментаУслуги няни/images/headers/micro/uslugi_add.pngПредложить услуги Недвижимость и техника Аренда спецтехникиТранспортные услугиУслуги автосервисаУслуги риэлтораАренда автомобилейСнять квартиру суткиПокраска автомобилейhttps://mc.yandex.ru/watch/33817439 Наверх МенеджерПартнерСлужба поддержкиРегистрация Время работы службы поддержки: с 9.00 до 17.00 (GMT+3) Контактны службы поддержки: +8-800-****-*** Всегда спрашивайте согласен ли исполнитель с <b>единой ценой !!!<b> manager@calcjobs.ru

Здравствуйте. Посоветуйте, как сверстать такое расписание http://joxi.ru/Q2KxaXpsNKGyAj Пока верстала таблицей. Но в мобильной версии таблица превращается в шорты - http://joxi.ru/p27LXw5SOaj6A7 Сайт верстаю под WP. Как лучше реализовать?

В twitter bootstrap 3 если информация в поле таблицы очень длинная то таблица становится не очень читабельной. Поле становится очень широким и если не влазит то переносится. Видел примеры как поля делаются отдельным слоем и если очень длинные то заезжают за следующее поле без переноса. Подскажите есть ли в bootstrap готовое решение или как это лучше сделать?

Здравствуйте! Всем известно, что в Excel можно зафиксировать области так, что при прокрутке содержимого таблицы, сторока и столбец оставались на месте. Решил сделать нечто подобное и для HTML. В гугле полно примеров, но большинство из них очень громоздки или используют jQuery и прочие библиотеки. А мне хотелось как-нибудь попроще, без JavaScript, на одном CSS. Если фиксировать что-нибудь одно, то скрипт не нужен, например для заголовка http://jsfiddle.net/2Bfxm/3/ Но одновременно и для столбца, не получится без JavaScript. Впрочем, он небольшой. Пример работает в Опере, Мозилле, Хромом, IE8-9 http://jsfiddle.net/bS3wf/ Маленький недостаток - в IE8-9 при прокрутке, немного дергается заголовок или столбец.

Для сводных отчетов нужно, чтобы несколько колонок слева и заголовок оставались на месте, а данные прокручивались. Находил много решений, но они использовали библиотеки типа jQuery или были сложны в реализации (не учитывалось объединение ячеек) Мне хотелось сделать что-то универсальное и простое. Вроде получилось Области фиксируются вызовом функции FixHeaderCol(<таблица>, <сколько фиксировать строк>, <сколько фиксировать столбцов>, <ширина таблицы>, <высота таблицы>) Успешно работает в IE10, новой Опере, Мозилле, Хроме. Демо https://jsfiddle.net/axeqojwu/1/embedded/result/ Исходники с комментариями http://jsfiddle.net/axeqojwu/1/ З.Ы. Функция setSum в реальных проектах не нужна, она заполняет пустые ячейки случайными числами

Здравствуйте! Сделал несложную древовидную таблицу, у которой сворачиваются/разворачиваются строки. За основу взял обычное дерево http://jsfiddle.net/NZaw4/1/ , только добавил ячейки в строки. Почти правильно работающий вариант http://jsfiddle.net/cN57x/ Вопрос. Как сделать так, чтобы при раскрытии узла Проект 1, не уезжал влево блок с Задачами ?

Хотел узнать, можно ли таблице с помощи CSS задать размер колонки так, что бы они всегда оставались равны? Например: 2 колонки, и каждая колонка занимала бы 50% 3 колонки, 33,(3)% 4 колонки, 25% 5 колонок, 20% Притом, чтобы каждый раз при добавление колонки, не пришлось лезть в CSS.

Доброго времени суток. Объектом моих неоднократных мучений является эмуляция таблицы. (важно! не использовать JS) Зачем мне так нужна таблица? 1. Вертикальное выравнивание, когда высота выравниваемого объекта неизвестна. (то есть трюк с отрицательным margin-top не пройдет) 2. Вот такое меню с гибким составом элементов: http://screenshot.su...b9d38b5d5e9.jpg (растягивающееся на всю ширину сайта меню, размеры элементов зависят от размера контента). С первым кое-как разобраться можно. display: table-cell и expression для IE lt 9. Со вторым проблемы. При верстке дивами, размер блока (float или inline-block) будет равен размеру контента, но не более. Таким образом у меня элементы всю область h-menu не заполнят. Когда набор элементов меню гибкий, прописывать паддинг или задавать точные размеры блокам, тоже не покатит. Процентная ширина элементов не будет зависеть от контента элемента. В случае с таблицей ширина элементов table-cell растягивается относительно своего контента так, чтобы заполнить всего родителя. Буду очень признателен, если тыкнете носом в инфу, почему так происходит и как это поведение без js и без table-cell эмулировать. (table-cell не хочу использовать, так как возникают траблы с раскрывающимся css меню. в FF, например, для table-cell позиция не работает как надо) Вот фиддл http://jsfiddle.net/only_dimon/KSwA2/ Нужно сделать так, чтобы элементы заполнили всю черную область (родителя), были разного размера в зависимости от размера содержимого (текста) и, чтобы выпадающее меню в FireFox могло выравниваться относительно родителя. Спасибо всем, кто просветит меня в этом вопросе. P.S. JS не подходит еще и потому, что неверно рассчитывает размер элементов, когда шрифт нестандартный подключается. Шрифт подгрузиться не успевает до запуска скрипта.

Здравствуйте! Хотелось бы сразу предупредить, что я плохо понимаю в HTML. Уж сильно не пинайте В общем, дело такое: создаю рассылку для блога. Хотелось бы чтобы в письме был определенный фон. С этим вроде бы разобрался. Но сами записи отображаются по 5 столбцов по горизонтали. А хотелось бы, чтобы каждая запись следовала после предыдущей. На-пример, сперва идет запись №1, потом когда прокручиваешь страничку идет запись №2 и т.д. Не могли бы подсказать, что нужно исправить? Ниже сам код и скрины. <center> <table border="3" cellpadding="10" cellspacing="3" style="width: 600px;"> <tbody> <tr> <td align="center" bgcolor="#CC3333" valign="top"> <br /> <img border="0" height="100" src="http://l-userpic.livejournal.com/112489287/32249472" style="color: white; border: 0;" width="100" /></td> <td bgcolor="#FFCC99"> <br /> <span style="color: #cc3333; font-size: small;"><strong> Здравствуйте, {{Name}} ! </strong></span> <p>Judge24 Veritas - рассылка, благодаря которой можно узнать последние новости мира политики и путешествий. Участвуйте в жизни блога, делитесь впечатлениями и он ответит Вам взаимностью.</p> <p>Последние новости с блога. Спасибо за подписку. Вы получаете рассылку, потому что оставили адрес {{Email}} в блоге judge24.livejournal.com</p> <p>Если письмо показывается неправильно, Вы можете посмотреть <a href="{{WebLetterUrl}}">веб-версию письма</a></p> <table align="left" cellpadding="5" cellspacing="5"> <tbody> <tr> <td align="center" colspan="2" rowspan="3">{{RssFeedEntries}}</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </center>