All Activity

This stream auto-updates     

  1. Past hour
  2. Здравствуйте. Попробуйте вот так
  3. Yesterday
  4. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <div class="header"> <div class="product"> <h1>Product Name</h1> <ul class="sps"> <li>Put on this page information about your product</li> <li>A detailed description of your product</li> <li>Tell us about the advantages and merits</li> <li>Associate the page with the payment system </li> </ul> </div> <div class="banner"> </div> </div> </div> </body> </html> body{ margin: 0; font-family: Arial; font-style: normal; } .container{ margin: 0; width: 90%; margin: 0 auto; } .header{ min-height: 223px; background-color: #445162; color: white; padding: 50px 50px; } .product{ width: 47%; display: inline-block; } .product > h1{ font-size: 60px; margin: 0; } .product:after{ content: ""; display: block; clear: both; } .banner{ background-color: white; width: 35%; min-height: 243px;; display: inline-block; float: right; } .sps > li{ font-size: 20px; line-height: 36px; list-style-image: url(images/check_icon.png) } почему div banner наезжает на надпись и как это исправить? И скажите в общем, что я делаю не так, как по правильному это сверстать?
  5. Здравствуйте, Всем! Что-то не ищется.. Хочу найти шаблон для Landing page с минимальными наворотами. Скачивал всякие Free шаблоны, весят они под 2MB со всякой трепухой внутри, которая может подтягивать из вне что-то ещё и по цепочке. Туда может быть встроено всё что угодно: майнинг, редирект, сбор статистики и т. д. Проверять все эти минифицированные тонны кода нет желания.. Я люблю когда ясный чистый код, без всякой хиромантии.. Такой шаблон и редактировать проще.. Быстрее работает, меньше глюков.. Ну что может быть нужно для Лендинга из библиотек реально? Разве что jQuery и пара плагинов к нему для ненавязчивой анимании (хотя, опять-таки луче уже если анимация будет на CSS, хотя, могу тут ошибаться в плане совместимости со старыми браузерами). Конечно адаптивность важна, но это не требует огромного Bootstrap, а достаточно нескольких media query. Может кто посоветует где посмотреть подобные шаблоны..
  6. Нет, это должно происходить в фоновом режиме, незаметно для пользователя. Желательно копировать HTML в буфер обмена, на крайний случай сохранять на диск. Я нашел расширение SingleFile, оно поработало пару дней, а после стало в HTML добавлять рандомный мусор в больших количествах. Так бы она меня устроила, если бы не мусор.
  7. Ммм, а простое нажатие Ctrl+S и выбор пункта "Веб страница, только HTML" чем не устраивают?
  8. Или существуют ? До сих пор ищу, никак не могу разыскать ((((. Помогите пожалуйста.
  9. Last week
  10. h1 {margin: 0;} ну и body {margin: 0; padding: 0;} хотя у нормалайза должно быть сброшено А вообще, научитесь пользоваться DevTools
  11. Тогда попробуйте грид. Ну либо задайте для заголовка минимальную высоту.
  12. Спасибо , но такой результат у меня тоже получался )) А нужно чтобы например описание было на одном уровне с другим описание и выровнялась к топу. как то так(
  13. Плохо пробовали. :) Черновой вариант: <div class="wrap"> <div class="card"> <div class="card_header">Header</div> <div class="card_text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi tempore incidunt obcaecati impedit nihil consequatur numquam magni perferendis, quasi voluptatem fugit ex iusto adipisci perspiciatis quos et, accusantium deleniti non. </div> <div class="card_price"> <div class="card_price-now">9999</div> <div class="card_price-old">99</div> </div> </div> <div class="card"> <div class="card_header">Header</div> <div class="card_text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </div> <div class="card_price"> <div class="card_price-now">9999</div> <div class="card_price-old">99</div> </div> </div> </div> .wrap { display: flex; } .card { padding: 20px; display: flex; flex-direction: column; flex-basis: 200px; border: 1px solid #000; justify-content: space-between; align-items: center; } .card_price { display: flex; flex-direction: column; align-items: center; }
  14. по идее вообще не тот принцип )
  15. О, спасибо! Это оно! Примного благодарен!
  16. Чего вдруг? Для чего сделаете, для того и будет. Года 4 или больше, назад, было что то гугловское. что то типа google gallery open Что то типа https://www.jqueryscript.net/demo/Google-Image-Gallery-View-jQuery-searchGalleryView/ Более плавное https://www.jqueryscript.net/demo/Google-Style-Expanding-Thumbnail-Grid-Plugin-With-jQuery-Mg-Space/#/item-0-2 Дальше сами ищите)
  17. Ну, аккордеон - это для меню. Ну что-то типа того.
  18. Примерно вот такой принцип. https://codyhouse.co/ds/components/app/pricing-table Единственное, заголовку придётся высоту указывать. И я бы ещё поставил text-overflow: ellipsis Т.е. обычный flex, последнему элементу margin-top: auto; чтобы к низу прибивался. Или можно описание растягивать. flex-grow: 3; например, указать. Как нибудь так.
  19. Спасибо! Не догадался проверить доступность стилей, генерируемых движком. Оказалось, что в настройках шрифтов темы нужно обязательно указывать доступные для шрифта подгружаемые начертания (если у выбранного шрифта недоступны стандартные, например Regular — как у Open Sans Condensed). В моём случае это заработало только вот так: Тогда в коде генерируется валидный запрос <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700" media="all" /> Проблема решена.
  20. Добрый всем день! С праздником вас! Подскажите, видел где-то, но не знаю, где найти: всплывающее окно с описанием товара появляется из открывающихся шторок вверх-вниз, пополам. Т.е. нажимаете вы на кнопку ПОДРОБНЕЕ у товара, сайт от середины по горизонтали как бы открывается вверх-аниз, а внутри то самое окно с описанием товара. Спасибо! Жду ссылку или ответ.
  21. Есть готовый скрипт Jcart-корзина, его можно прикрутить к сайту, автор (точнее адаптер для русскоговорящих) помогает установить и переделать под ваши нужды. Так же есть платформы CMS типа joomla, OpenCart, Wordpress, где уже все готово, даже есть бесплатные шаблоны. Но на своем опыте убедился, что шаблон лучше купить, или кучу модулей к нему, хотя вам это и может не понадобится, у меня просто товар своеобразный.
  22. Начал верстать шаблон и сразу же непонятный момент. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"> </head> <body> <div class="container"> <div class="header"> <div class="product"> <h1>Product Name</h1> <ul class="sps"> <li>Put on this page information about your product</li> <li>A detailed description of your product</li> <li>Tell us about the advantages and merits</li> <li>Associate the page with the payment system</li> </ul> </div> <div class="banner"></div> </div> </div> </body> </html> Как убрать отступ, который сверху?
  23. да пробовал через флекс .не получается . и в инете решения пока не нашел .
  24. Через флексы попробуйте. Как то вообще пробовали?
  25. Можно ли с помощью css выровнять блоки одинакового по уровню ? вот картинка. Высота блока должна быть не фиксированной .Контент может быть в любом количестве . Блоки с контентом должны быть на одном уровне . Т.е независимо сколько символом в контенте , описание строго на одном уровнем с другим описание , цена на одном уровне с ценой. Каким способом можно реализовать данное решение ? спасибо за внимание.
  26. Добрый день! Хотим представить вашему вниманию сервис Tech Lodge Мы предоставляем все виды хостинга: виртуальный PHP-хостинг, VPS и выделенные серверы. Также специализируемся на системном администрировании, все наши VPS и выделенные серверы включают в себя профессиональное администрирование и поддержку. Хостинг от $1.9 Виртуальный PHP хостинг c панелями ISPManager или Cpanel. SSD накопители SSL сертификаты Let`s Encrypt. Бесплатный перенос сайтов VPS c полным администрированием от $3.9 Локации: Россия, Франция, Польша, Германия, Великобритания, Канада Linux HDD VPS Linux SSD VPS Windows VPS В стоимость аренды VPS включено системное администрирование и поддержка. Оказываем помощь в переезде на VPS и берем все заботы по обслуживанию сервера на себя. Выделенные серверы от $30 Локации: Россия, Франция, Польша, Канада Бесплатное администрирование и поддержка, мониторинг, помощь в переносе сайтов, AntiDDos защита Другие услуги: Регистрация доменов SSL сертификаты Системное администрирование Прокси IPv4/IPv6 Лицензии на панели ISPSystem Также у нас существует партнерская программа: до 15% от платежа клиента по партнерской ссылке Контакты: наш сайт: https://tech-lodge.com email: sales@tech-lodge.com
  1. Load more activity


  • Спрашивают сейчас

  • Пишут сейчас

    • Здравствуйте. Попробуйте вот так
    • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <div class="header"> <div class="product"> <h1>Product Name</h1> <ul class="sps"> <li>Put on this page information about your product</li> <li>A detailed description of your product</li> <li>Tell us about the advantages and merits</li> <li>Associate the page with the payment system </li> </ul> </div> <div class="banner"> </div> </div> </div> </body> </html> body{ margin: 0; font-family: Arial; font-style: normal; } .container{ margin: 0; width: 90%; margin: 0 auto; } .header{ min-height: 223px; background-color: #445162; color: white; padding: 50px 50px; } .product{ width: 47%; display: inline-block; } .product > h1{ font-size: 60px; margin: 0; } .product:after{ content: ""; display: block; clear: both; } .banner{ background-color: white; width: 35%; min-height: 243px;; display: inline-block; float: right; } .sps > li{ font-size: 20px; line-height: 36px; list-style-image: url(images/check_icon.png) } почему div banner наезжает на надпись и как это исправить? И скажите в общем, что я делаю не так, как по правильному это сверстать?
    • Здравствуйте, Всем!
      Что-то не ищется.. Хочу найти шаблон для Landing page с минимальными наворотами.
      Скачивал всякие Free шаблоны, весят они под 2MB со всякой трепухой внутри, которая может подтягивать из вне что-то ещё и по цепочке. Туда может быть встроено всё что угодно: майнинг, редирект, сбор статистики и т. д. Проверять все эти минифицированные тонны кода нет желания.. Я люблю когда ясный чистый код, без всякой хиромантии..
      Такой шаблон и редактировать проще.. Быстрее работает, меньше глюков.. Ну что может быть нужно для Лендинга из библиотек реально? Разве что jQuery и пара плагинов к нему для ненавязчивой анимании (хотя, опять-таки луче уже если анимация будет на CSS, хотя, могу тут ошибаться в плане совместимости со старыми браузерами).
      Конечно адаптивность важна, но это не требует огромного Bootstrap, а достаточно нескольких media query. Может кто посоветует где посмотреть подобные шаблоны..  
  • Popular Contributors