Jump to content
  • 0

Таблица цен. Реализация в виде списка.


XuLLlHuK
 Share

Question

4 answers to this question

Recommended Posts

  • 0

Спасибо за идею с background-ом, но проблема в том, что общий фон сделан в виде паттерна и белый фон не сделаешь под наименованием и ценой.
Может есть другой способ прикрыть пунктирную линию под элементами?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • 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/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy