Поиск по сайту

Результаты поиска по тегам 'html'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Основной форум
    • Для начинающих
    • Проблемы верстки
    • Обсуждение работ
    • Работа форума
    • Флейм
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Веб-программирование
    • Javascript
    • Серверные технологии
    • СУБД
    • CMS
  • Работа: спрос, предложение, вакансии
    • Фриланс
    • Коммерческие услуги
    • Ищу работу
    • Предлагаю работу

Календари

  • IT events in Ukraine
  • IT events in Russia
  • События форума

Блоги

  • CMS (Системы управления контентом)
  • Пособие верстальщика
  • Здоровье Гика
  • Блог htmlforum.io

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу

Искать результаты в...

Искать результаты, которые содержат...


Дата создания

  • Начать

    Конец


Последнее обновление

  • Начать

    Конец


Фильтр по количеству...

Зарегистрирован

  • Начать

    Конец


Группа


Web site


ICQ


Jabber


Skype


Откуда


Интересы

Найдено 144 результата

  1. Объясните как правильно жить верстать многостраничные сайты? Я покажу вам на примере того как это делаю я. Это наверное глупый\неправильный метод, просто я не знаю как нужно\можно делать это проще. Вот допустим у меня есть маленький сайт на котором есть 3 пункта меню. То есть в редакторе я создаю скелет сайта, внутри body я помещаю эти самые кнопки, подключаю их к форме, затем создаю Огромный блок где будет располагаться Весь контент. Но внутри этого блока я не помещаю контент, а помещаю PHP переменную, в которой и хранится весь этот контент вместе со всеми остальными блоками и стилями. То есть таким образом стараюсь разбить HTML код на функции PHP. И получается что у меня может храниться весь сайт в одном **.php файле. То есть в зависимости от переменных в адресной строке $_GET["Меню"] и загружается необходимый контент через условия. То есть код у меня выглядит примерно вот так: <!DOCTYPE html> <html> <head> <title>Сайт</title> <style type="text/css"> .Меню { position: absolute; background: #9E9E9EFF; width: 200px; height: 700px; } button { width: 100%; margin-top: 20px; } .Контент { position: absolute; left: 300px; width: 500px; height: 500px; border: 1px solid black; } </style> </head> <body> <div class="Меню"> <button form="forma" name="Меню" value="1">Меню 1</button> <button form="forma" name="Меню" value="2">Меню 2</button> <button form="forma" name="Меню" value="3">Меню 3</button> </div> <div class="Контент"> <?php if($_GET["Меню"] == 1) Меню_1(); if($_GET["Меню"] == 2) Меню_2(); if($_GET["Меню"] == 3) Меню_3(); ?> </div> <form style="display: none;" id="forma"></form> </body> </html> <?php function Меню_1() { echo ' <div style="position: relative; margin: 0 auto; width: 70%;"> Выбрано меню 1 </div> '; } function Меню_2() { echo ' <div style="position: relative; margin: 0 auto; width: 70%; font-size: 20px;"> А теперь 2 меню </div> '; } function Меню_3() { echo ' <div style="position: relative; margin: 0 auto; width: 70%;"> И 3 меню </div> '; } ?> Вот таким странным образом я делаю страницы для сайта. Через отправку формы уже по условиям идет формирование HTML разметки. Конечно код получается достаточно большим при создании больших страниц с контентом и находится все в одном файле. Единственное что удобно это разбивать HTML код на отдельные фрагменты. Есть ли какие то глупости данного метода? или Впринипи так и делают? (Ну почти так) P/S. и да у меня стили и Функции PHP на русском языке. Ну вроде бы не мешает. да и удобно для меня
  2. Доброе время суток! Примеры моих работ (гитхаб): макет 3 макет 2 макет 1 Ищу разовые проекты по верстке.
  3. Добрый день, при вертске столкнулся с такой проблемой, на первом скриншоте я старался с позиционировать элементы, что бы текст шел как бы лесенкой а между ними фото. http://joxi.ru/D2Pz9gOTp65Z7r Но после того как я добавляю вторую картинку элемент с текстом почему то присасывается к верхней части, хотя до этого я задал ему clear: left; что бы он расположился под первой картинкой. После добавления картинки, получается вот так http://joxi.ru/nAyvGpPtYbzRdr Помогите решить проблему, правильно ли вообще я позиционирую элементы на странице? или же можно решить туже задачу проще? Html этой секции <div class="box"> <div class="company"> <p>Наша компания на протяжении многих лет занимается производством крема из экологически чистых материалов. Мы предосталвяем широкий ассортимент кремов для разных целей. Именно нас на протяжении многих лет выбирают покупатели, потому что хотят получать результат, а не просто выкидывать деньги на ветер.</p> </div> <div class="company"> <p>В наших кремах испольщуются только природные и экогологически чистые материалы, включая фрукты вроде кокоса или сладких личи. Использование подобных материалов помогает поддерживать кожу в здоровом виде и не допускать ее высыхания, в том числе это благоприятно сказывается на лечении разных кожаных болезней и дерматологии.</p> </div> <img src="/images/crem.png" alt="Крем фото" class="photo"> <div class="company"> Эмульсионные кремы бывают двух типов – масло-вода и вода-масло. В первом случае эмульсия имеет жидкую консистенцию и используется для изготовления дневных увлажняющих кремов. Благодаря высокому содержанию воды (до 70 процентов) они восполняют потерю влаги, легко наносятся, быстро впитываются, не оставляя жирного блеска на коже. </div> <img src="/images/crem1.png" alt="эмульсия" class="photo"> </div> </section> css этой секции .company { width: 450px; text-align: justify; float: left; font-size: 20px; } .company:nth-child(2) { width: 450px; text-align: justify; float: right; margin-top: 250px; } .company:last-child { float:left; width: 450px; clear: left; } .photo { float: left; width: 400px; height: 400px; } .photo:last-child { float: right; }
  4. Здравствуйте, у меня есть пара вопросов относительно верстки интернет-магазина: Есть карточка товара (см. картинку): 1. Во многих магазинах переключатели фотографий сделаны ссылками, почему не радиокнопками? Есть какая-то разница, как делать? 2. Как лучше поступить с добавлением товара в корзину: сделать формой с кнопкой submit или можно в принципе и разными полями сделать, отдельными? Опять же, есть ли разница? От чего зависит? Спасибо.
  5. Здравствуйте! Меня зовут Андрей и я front-end разработчик. Знаю HTML, CSS, JavaScript и Jquery. Я уже сверстал 13 psd макетов и уже имею опыт в этой сфере. Но, для того чтобы сделать еще больший опыт я предоставляю вёрстку бесплатно. Чтобы заказать пишите снизу. Надеюсь на дальнейшее сотрудничество!
  6. Доброго времени суток. Eсть опыт в адаптивной кроссбраузерной верстке более 3-х лет. Присутствуют знания таких языков как: html(продвинутый уровень); css(продвинутый уровень); js(базовый уровень); jQuery(базовый уровень); php(базовый уровень); Так же имеются знания фреймворков, систем и препроцессоров: bootstrap; less; sass Владею навыками: Wordpress и соответствующей интеграцией под данную CMS. Joomla Одна из последних работ http://test1.ramos78h.beget.tech/ По всем вопросам в skype: sergio09931, ВК: id392591806, почта: ramos7691@gmail.com
  7. Приписал body{ background-image: url(img/fon.png) } Сразу фон есть , а после обновления изчезает. И так с любой картинкой Подробней в скриншотах
  8. WebNewbe

    Верстальщик сайтов

    Здравствуйте. Я занимаюсь версткой сайтов: лендингов, интернет-магазинов, флаеров и тп. Ищу работу, для набора опыта и заработка первых денег на данной позиции. Мое портфолио: https://alex2033.github.io/sites/BlackDone/index.html https://alex2033.github.io/sites/Sandeo/index.html https://alex2033.github.io/sites/Barbershop/index.html https://alex2033.github.io/sites/Skylith/index.html https://alex2033.github.io/sites/Unicorn/index.html https://alex2033.github.io/sites/Bouncy/index.html Остальные работы вы можете посмотреть здесь: https://alex2033.github.io/ Навыки: - Знание HTML5, CSS3 - Опыт адаптивной, семантической, кроссбраузерной верстки - CSS3 анимация - знания Javascript на уровне jQuery - Использование препроцессоров LESS/SASS/Stylus + Pug - Опыт работы в Adobe Photoshop, Illustrator, Zeplin, Avocode - Именование классов по методологии БЭМ-нейминг - Gulp, npm, bower - Умение работать с сетками (bootstrap 3+, foundation, flexboxgrid) - Умение работать с фреймворками bootstrap 3, 4, foundation - Знание английского на уровне чтения документации - Навык работы с векторной графикой SVG - Умение использовать flexbox, css-grid там где это необходимо Форма связи: Email - XoxlofAlexandr@yandex.ru - преимущественно Skype - Xronaliz Также можете написать на этом сайте Благодарю за внимание и хорошего дня:)
  9. Здравствуйте. Я занимаюсь версткой сайтов: лендингов, интернет-магазинов, флаеров и тп. Ищу работу, для набора опыта и заработка первых денег на данной позиции. Мое портфолио: https://alex2033.github.io/sites/BlackDone/index.html https://alex2033.github.io/sites/Sandeo/index.html https://alex2033.github.io/sites/Barbershop/index.html https://alex2033.github.io/sites/Skylith/index.html https://alex2033.github.io/sites/Unicorn/index.html https://alex2033.github.io/sites/Bouncy/index.html Остальные работы вы можете посмотреть здесь: https://alex2033.github.io/ Навыки: - Знание HTML5, CSS3 - Опыт адаптивной, семантической, кроссбраузерной верстки - CSS3 анимация - знания Javascript на уровне jQuery - Использование препроцессоров LESS/SASS/Stylus + Pug - Опыт работы в Adobe Photoshop, Illustrator, Zeplin, Avocode - Именование классов по методологии БЭМ-нейминг - Gulp, npm, bower - Умение работать с сетками (bootstrap 3+, foundation, flexboxgrid) - Умение работать с фреймворками bootstrap 3, 4, foundation - Знание английского на уровне чтения документации - Навык работы с векторной графикой SVG - Умение использовать flexbox, css-grid там где это необходимо Форма связи: Email - XoxlofAlexandr@yandex.ru - преимущественно Skype - Xronaliz Также можете написать на этом сайте Благодарю за внимание и хорошего дня:)
  10. Доброго вам времени суток, уважаемые форумчане. Студент, 2-й курс. На радостях от того, что смог закрыться без долгов по результатам летней сессии, решил потихоньку начать разбираться с вебом, ибо мне предстоит осваивать эту дисциплину в следующем семестре. Да и в целом это направление меня очень привлекает. Взял себе небольшую книжку, где довольно поверхностно покрываются несколько тем, в их числе: html, css, js, jquery, ajax, php, cms. Понять основные принципы, синтаксис и структуру оказалось просто. Раздел посвященный JS так вообще за 10 минут пролистал - благо есть опыт, и опыт неплохой: за плечами год Джавы. Решил перейти к практике и начать с самого начала - семантической верстке с использованием чистого html. Как мне впоследствии показалось, образец я взял не самый простой - ленту новостей vk. Что-то сверстал, что-то получилось, но я более чем уверен, что все неправильно и вообще косяк на косяке. Итак, хотел бы попросить у вас совета. Было бы очень неплохо, если кто-нибудь смог указать мне на мои самые главные ошибки, хоть весь код и есть одна сплошная ошибка. Или хотя бы статейку подкинуть. А может я вообще делаю не то что надо для начала? Верстка - https://i-b-e-x.github.io/learn-web-html-1/ Код - https://github.com/I-b-e-x/learn-web-html-1/blob/gh-pages/index.html (Элементы управления нужно через button'ы делать, да? Эх... 😣) Заранее спасибо. С уважением, Ibex.
  11. Добрый! Не могу заставить работать переход с одной страницы на определенную вкладку на другой. Переход на страницу осуществляется, но всегда остается открыта первая вкладка. Подскажите в чем может быть проблема... Заранее очень благодарен! Страница с вкладками - HTML (/ceny): <ul class="nav nav-tabs nav-justified" role="tablist"> <li class="active"><a href="#tab37" role="tab" data-toggle="tab" aria-expanded="true">Консультация</a></li> <li class=""><a href="#tab41" role="tab" data-toggle="tab" aria-expanded="false">Ортодонтия</a></li> <li class=""><a href="#tab61" role="tab" data-toggle="tab" aria-expanded="false">Лаборатория</a></li> </ul> <div class="tab-pane fade active in" id="tab37"> <p>Контент 1</p> </div> <div class="tab-pane fade" id="tab41"> <p>Контент 2</p> </div> <div class="tab-pane fade" id="tab61"> <p>Контент 3</p> </div> Страница с которой нужно перейти имеет ссылку: <a href="https://site.by/ceny/#tab_tab61">ЦЕНЫ</a> пробывал <a href="https://site.by/ceny#tab_tab61">ЦЕНЫ</a> <a href="/ceny/#tab_tab61">ЦЕНЫ</a> Использовал скрипт: // Javascript to enable link to tab var hash = document.location.hash; var prefix = "tab_"; if (hash) { hash = hash.replace(prefix,''); var hashPieces = hash.split('?'); activeTab = $('.nav-tabs a[href=' + hashPieces[0] + ']'); activeTab && activeTab.tab('show'); } // Change hash for page-reload $('.nav-tabs a').on('shown', function (e) { window.location.hash = e.target.hash.replace("#", "#" + prefix); }); На сайте используется Bootstrap v3.3.7.
  12. Magic_Rabbit

    Стримы HTML и CSS

    Добрый день. Подскажите, пожалуйста, есть ли где на просторах ютуба или другого видеохостинга канал с хорошими стримами вёрстки html? Всё что нахожу на ютубе это видео «Как сверстать макет с нуля за час», но хотелось бы посмотреть что-то в формате стрима, как человек решает типовые задачи. То есть, смотрим, как верстальщик работает с вёрсткой. Думаю, многим новичкам было бы полезно посмотреть, как люди работают с кодом.
  13. Привет. Подскажите как правильно объявить svg объект, чтобы он занял все свободного пространство экрана и при этом не "вылезал" вниз. Например у меня есть svg (большой код, т.к. в ней просто 17 одинаковых элементов, которые расположены по главной горизонтали): <svg xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" baseProfile="full" height="1088px" style="background:#FFFFFF" version="1.1" width="1088px"> <defs> <style type="text/css"> .default_default { fill: #E4801B; stroke: #000000; stroke-width: 1.0px; } </style> </defs> <g id="root" transform="translate(0,0)"> <g id="Auto" class="default_default" transform=" translate(0,0) rotate(0,32,32)"> <g id="layer0"> <rect y="24" x="0" height="16" width="64" id="c0trumpet"/> <rect y="26" x="3" height="12" width="2" id="c0flow0" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="11" height="12" width="2" id="c0flow1" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="19" height="12" width="2" id="c0flow2" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="27" height="12" width="2" id="c0flow3" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="35" height="12" width="2" id="c0flow4" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="43" height="12" width="2" id="c0flow5" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="51" height="12" width="2" id="c0flow6" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="59" height="12" width="2" id="c0flow7" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> </g> </g> <g id="Auto" class="default_default" transform=" translate(576,576) rotate(0,32,32)"> <g id="layer0"> <rect y="24" x="0" height="16" width="64" id="c1trumpet"/> <rect y="26" x="3" height="12" width="2" id="c1flow0" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="11" height="12" width="2" id="c1flow1" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="19" height="12" width="2" id="c1flow2" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="27" height="12" width="2" id="c1flow3" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="35" height="12" width="2" id="c1flow4" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="43" height="12" width="2" id="c1flow5" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="51" height="12" width="2" id="c1flow6" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="59" height="12" width="2" id="c1flow7" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> </g> </g> <!-- тут еще 14 групп с id="Auto"--> <g id="Auto" class="default_default" transform=" translate(960,960) rotate(0,32,32)"> <g id="layer0"> <rect y="24" x="0" height="16" width="64" id="c15trumpet"/> <rect y="26" x="3" height="12" width="2" id="c15flow0" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="11" height="12" width="2" id="c15flow1" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="19" height="12" width="2" id="c15flow2" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="27" height="12" width="2" id="c15flow3" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="35" height="12" width="2" id="c15flow4" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="43" height="12" width="2" id="c15flow5" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="51" height="12" width="2" id="c15flow6" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> <rect y="26" x="59" height="12" width="2" id="c15flow7" style="opacity:0.25;fill:#0000ff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.02602547;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/> </g> </g> </g> </svg> Auto.html выглядит следующим образом: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <div class="menu"> <a href="Auto.html">Untitled</a> <div> <object id="AutoId" type="image/svg+xml" data="Auto.svg"></object> </div> <script type="text/javascript" src="Auto.js"></script> </div> </body> </html> Таким образом я получаю страницу, которая представлена на рисунке 1. Как видно, не вся svg поместилась на страницу. А хотелось бы получить результат как на второй картинке, т.е. уместить всю svg в область под <a>Untitled</a> так, чтобы вниз страница не прокручивалась.
  14. Объясните пожалуйста, что входит в работу html, css верстальщика. Также интересует вопрос: нужно ли делать формы или popUp окна, а если и делать, то каким функционалом мне их наделять будучи html, css верстальщиком?
  15. Здравствуйте, подскажите пожалуйста, нормально ли будет, если для адаптивного меню я буду использовать два меню в html коде, а не одно, стили которого меняются только в медиа-запросах css? И если кому не трудно, можете скинуть код готового меню, которое вы используете.
  16. Здравствуйте, вопрос к уважаемым специалистам. Только приступил к изучению html+css. Знаю что можно реализовать такой слайдер на чистом html+css, но мне интересно, как сделать такой слайдер с помощью OWL Carousel 2? В частности, как правильно для данной секции написать html код и как правильно прописать стили для слайдера? По одному ролику на YouTube получилось сделать так, дальше моих знаний уже не хватает. Отмечу, что делаю разметку страницы, до написания стилей еще не доходил. Вот мой код данной разметки, а тут макет. Буду благодарен за помощь, так как застрял именно со слайдером, во всей остальной разметке вроде разобрался.
  17. Учу HTML,CSS около 2-3 месяцев, укажите на проблемы и что можно было улучшить. MyModernPage.html cssmodernpage.css
  18. Здравствуйте. Постараюсь коротко. Это мой второй проект, просто тренировочный макет. Нет адаптива, нет css-рюшек, вроде плавных переходов, нет js и даже нет половины состояний для элементов (но это потому, что их не было в макете). Html и css. Их и прошу оценить. Понимаю, что нормальным людям лень оценивать, поэтому у меня есть несколько более или менее конкретных вопросов. Надеюсь, не слишком странных: Меня беспокоит организация маргинов и паддингов. По-моему, она "некрасивая". Есть такое понятие "красивая организация отступов"? Мне кажется, что я нашла не лучшее решение для огромных тортов на фоне. Дивы с абсолютным позиционированием, из-за чего пришлось прописать body overflow-x: hidden Стали бы вы делать плиточную раскладку категорий тортов grid'ами или это "микроскопом гвозди"? Правильно ли я понимаю, что если мне захочется оживить слайдеры, то придется немного менять разметку и стили? Как вы относитесь к br в верстке? (-: Например, в блоке выбора размера торта: <label class="cake-size" for="two-kg"> <input class="hidden" type="radio" form="order-form" name="cake-size" id="two-kg"> <span class="mass medium">2 кг</span> <span>23-24 см<br>(10–12 персон)</span> </label> Практикуется ли именование классов по БЭМ на лендингах? (-: С дурацкими вопросами я закончила. Буду, благодарна за любой фидбэк относительно вменяемости разметки. Ссылка на страницу и на гит P.P.S. как склеить коммиты теперь? )
  19. Здравствствуйте. Вопрос в следующем: необходимо, чтобы картинка, которая на фоне, при разрешении 1200 обрезалась справа: а при большем разрешении — нет: Я пытаюсь эту картинку сделать фоном header'a (тут можно увидеть первый блок в текущем состоянии) Но, крышка к гробу не подходит. Думала сделать фоновую картинку большой (см. картинку) и позиционировать посередине, но может есть лучше решение?
  20. Всем привет! Расскажите пожалуйста про адаптивную сетку. Просто для меня сетка - это обязательно 12 колонок и т.д. Но а если контент расположен не по сетки или начиная с промежуточных колонок или в каждой секции по разному расположен контент. Откройте мне пожалуйста всю истину адаптивных сеток, а то не понимаю. Или может использовать сетку только тогда, когда она есть в макете?
  21. Здравствуйте. Помогите с Html и css Сам я начинающий и пока только учусь. Есть index.html к нему style.css получается криво, а надо одинаковые строчки. Спасибо. P.S. буду признателен если подскажите как сделать что бы текст был строго по центу. index.html style.css
  22. Всем доброго дня. Ищу помощника или наставник в создании небольшого сайта. С данного момента погружаюсь в тему изучения верстки. Мой максимум это HTML i CSS. Сайт будет представлять из себя небольшую записную книжку( не часто используемую). Пока без картинок, просто текст. Естественно буду пытаться сделать его, чтобы он нормально читался и на компьютере и на мобиле (адаптивным). На рисунках, что приложу, я набросал своё представление о том как он будет выглядеть. В сети нашёл небольшой визуальный пример, что мне понравился( нравится). //Движки и блоги использовать не хочу, это сложно для меня. Написал текст, вставил его в стандартную страницу htmlя и написал ссылку на главной станице сайта, вот все что мне нужно.
  23. Долго ломаю голову по поводу одной темы: когда использовать сетку при адаптивной верстке? Смотрел чувака web design master, он говорит, что в каждом прокте должна использоваться сетка. Просто бывают макеты не по сетке и вот не понятно становится после его слов.
  24. Всем привет! Узнал о существовании плагинов js и появился такой вопрос: является ли использование плагинов и других вспомогательных вещей(типо галереи, слайдеры, карусели) на js хорошей практикой или лучше писать всё вручную?
  25. Здравствуйте! У меня такой вопрос: всегда ли нужно использовать сетку для адаптивной верстки или нет? Или это зависит от дизайна? Насколько я понимаю, например, если psd макет выполнен с использованием сетки, то нужно использовать сетку и в верстке. А если дизайн выполнен без сетки, то и верстать нужно без сетки. Я правильно понимаю? Или может быть можно применять сетку всегда? Помогите пожалуйста.