Report
-
Similar Content
-
By Evsey
Доброго дня всем матерым верстальщикам.
Есть задача сделать табличку графика на сайт. Технологии - понятно, что html и css. Табличка не большая, но с особенностями.
А именно, в табличке есть группы объединенных ячеек, при чем не только внутри строк, но и между строками (объединяется несколько строк). Табличку прикрепил.
Каркас table tr td без объединения ячеек могу сделать, но нужно объединить.
Как правильнее всего сделать такое объединение? Было бы классно, чтобы ответ был сразу с примерами.
-
By Yarolina
Здравствуйте, создаю таблицу в HTML, не получается в конце таблицы равномерно распределить столбцы и ячейки. Подскажите пожалуйста в чем ошибка:
Пример нужной таблицы во вложениях
Ссылка на код: https://pastebin.com/ZL8GRHU5
Если не отображается ссылка текстовый документ кода во вложениях.
Спасибо за помощь.
Код.txt
-
By yaparoff
Есть таблица. Колонки у нее выравниваются влево, а оставшаяся часть остается пустой
http://skrinshoter.ru/s/100818/0jkG6HkA
Пробовал решить это с помощью align=left и задать ширину колонкам, но это не сработало
Что можно сделать?
https://codepen.io/anon/pen/VBqBmw
-
By marischka
Добрый день! Прошу помощи у специалистов. В мобильной версии сайта, таблица с ценами http://salon-fkt.ru/kosmetologiya съезжает и отображается некорректно. Сайт на Джумла, шаблон.
-
By Coder-vasya
Добрые люди , помогите написать новичку таблицу. Мне дали задание, но я не могу разобраться, учусь на курсах , было всего 2 урока. Таблица на фото. В моем представлении сначала пишется таблица из 11 строк и 8 столбцов. Далее нужно объединить ячейки, затем убрать линии у закрашенных ячеек. Я не знаю как убрать линии у закрашенных ячеек. Далее я не знаю как выставить отступ от границы экрана в процентах , а также не знаю как выставить расстояние внизу между ячейками, как показано на рисунке. В идеале был бы очень признателен за полный код этой таблицы. Для меня проще 1 раз увидеть. Понимаю что для профессионала это 5ти минутное дело. Заранее благодарен откликнувшимся. Верхнюю строку я сделал 5% , чтобы в дальнейшем убрать границы ячеек и тем самым получить отступ от верхней границы экрана. Общая ширина таблицы 80% , далее расположив ее по центру получу по 10 % слева и справа. При удалении лишних ячеек , таблица не корректно отображается. В общем любыми способами должна получиться таблица как на фото.
-
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо.
-