HTML Coding

29,542 questions in this forum

1. Насколько в современной верстке важен pixel perfect

   Форумчане, хотел у вас узнать насколько важен pixel perfect в современной верстке. Верстаю учебный макет, дизайнер сделал его вполне красиво, но когда верстаешь - падинги у элементов везде разные (допустим внутри списка у элементов li), либо margin в блоках, и таким моментов море........такое чувство что когда дизайнер рисовал макет, он особо не заморачивался и пихал на глаз, и мне приходится для каждого из элементов списка допустим использовать nth-child, пытаясь добиться попиксельного сходства с макетом родителем. Скажите, по вашему опыту, все это дрочь? Или есть такие заказчики которые требуют идеальной совместимости? Или все же хватает красоты и 100% сходства добивать…

   Asked by Goreska, April 10, 2018

   • html
   • css
   • bootstrap
   0 votes
   1 answer
2. Небольшой отступ от логотипа

   https://artrises.github.io/ Не получается найти причину, под логотипом есть небольшой отступ, перерыл все включая использование инспектора, у лого в футере был же такой отступ, он был из-за встроенного в normalize - line-height.Заранее спасибо

   Asked by Goreska, April 8, 2018

   • css
   • верстка
   0 votes
   2 answers
3. owl carousel - 2 вопроса

   Коллеги, просьба помочь советом. Сайт www.lazurit.mini-mall.ru Установил 2 слайдера owl-carousel в первом куда то "спрятались" стрелки навигации, при уменьшении разрешения, появляются, как их вывести на свет божий, посоветуйте. А во втором никак не могу выровнять текстовый блок с отзывами по вертикали, все способы вроде попробовал - не получается! Буду признателен за помощь!

   Asked by Dimpin, April 7, 2018

   0 votes
   3 answers
4. Алгоритм верстки схем

   Привет, ребят, не имею опыта верстки подобных схем, объясните принцип верстки подобного

   Asked by exoty, April 7, 2018

   0 votes
   1 answer
5. input type file

   Еще раз привет, я точно не знаю как это делается, но нужно Input type file стилизовать

   Asked by exoty, April 6, 2018

   0 votes
   2 answers
6. Подскажите как правильно стилизовать placeholder с помощью sass

   Первый вопрос: - Нужно ли использовать эти кроссбраузерные плюшки для стилизации placeholder'a? Не устарели ли они? ::-webkit-input-placeholder {color:#c0392b;} ::-moz-placeholder {color:#c0392b;}/* Firefox 19+ */ :-moz-placeholder {color:#c0392b;}/* Firefox 18- */ :-ms-input-placeholder {color:#c0392b;} Второй вопрос - Использую Sass, как правильно стилизовать placeholder? Не могу понять куда писать этот код и как правильно он оформляется в sass &-form margin-top: 98px &_main-form input display: block margin: 0 auto height: 67px width: 370px padding: 29px 0 29px 36px По идее он должен писаться под п…

   Asked by Владимир Горинов, April 6, 2018

   • sass
   • placeholder
   • css
   0 votes
   1 answer
7. underline у Hover

   Привет, убрал андерлайн у ссылок, но все равно маленькое подчеркивание остается(см на пикче). https://jsfiddle.net/aL9cgghf/ вот сам код, верстаю на бутстрапе.

   Asked by exoty, April 6, 2018

   0 votes
   2 answers
8. Проблема с позиционированием

   Добрый день, что делаю не так? Глаза уже замылил себе пытаясь найти причину. Нужно сделать - спозиционировать картинки так, что бы центральная перекрывала все, а 2 боковые были за родительским блоком и за центральной картинкой Тык А получается только вот так - 2 боковые позади центральной, но не могу их поставить позади родителя - Тык Либо подскажите как грамотно оформить этот блок с будущим нацеливанием на адаптивность. <div class="row"> <div class="col"> <div class="services-boxes"> <div class="services-boxes_first-box"> <img class="services-boxes_first-box__first-house" src="img/first_house.png" al…

   Asked by Владимир Горинов, April 5, 2018

   • css
   • z-index
   0 votes
   1 answer
9. Подскажите как сверстать блок меню с логотипом в центре

   Привет. Не выходит сделать оформление меню и вставить туда логотип! Задача вроде бы и не сложная, но у меня почему то не выходит. Сайт на Bootstrap 3 верстаю, меню тоже использовал бутстрапа. Сделал вот таким вот образом : Добавил серую полоску сверху меню и снизу, само меню сделал navbar-inverse(черный цвет). А вот как вставить логотип в центр не пойму, что-то видимо сделал не правильно, прошу сильно не пинать, верстать только учусь... Вот опубликовал: http://brainartgroup.zzz.com.ua/ Заранее большое спасибо!!

   Asked by Maks91, April 5, 2018

   • верстка
   0 votes
   6 answers
10. Плавающий background

    Привет, как реализуется плавающий background img, например как на http://air-plane.by (это не реклама)?

    Asked by exoty, April 2, 2018

    0 votes
    1 answer
11. Bootstrap 4, Flexbox или Cssgrid

    Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, та…

    Asked by Владимир Горинов, April 2, 2018

    • разработка
    • html
    • css
    0 votes
    3 answers
12. Как верстать сайты большой ширины ?

    Здравствуйте. 1. Несовсем понимаю логику, например, как верстать сайты в котором ширина макета 1400px, а контент 1170px. ? Получается, сайт не должен быть шире 1400px, а контент не шире 1170px ? (тут мне интересно что должно быть сайтом когда ширина экрана будет больше 1400px, задний фон задавать ?) 2. Объясните, пожалуйста, как в команде разработчики и дизайнеры работают ? Например, в интернете я нахожу только макеты для десктопа, ну и шаблон под мобилу и планшеты разумеется делаю как мне вздумается, а как в командах? как быть в таких случаях когда ты в команде - но макет только для десктопа, тоже на глаз, сам как хочешь и выкручиваешься ? 3. Скиньте, по…

    Asked by Agony741, March 29, 2018

    • макеты
    0 votes
    6 answers
13. Прогал в Border bottom

    Привет, получил вот такой макет рекламной рассылки, как сделать прогал у бордер ботома, в котором находится кнопка как на картинке?

    Asked by exoty, March 23, 2018

    0 votes
    3 answers
14. Нужно сделать жирными только пункты в списке, а жирнеют еще и подпункты

    Есть вот такой список: <ol> <li id="st">Пункт 1</li> <li><strong>Пункт 2</strong> <ul id="otstup" type="disc"> <li>Подпункт 1</li> <li>Подпункт 2</li> <li>Подпункт 3</li> <li>Подпункт 4</li> <li>Подпункт 5</li> </ul> </li> Хотел в Пункт 2 прописать id="st", но этот стиль применяется и к подпунктам, т.к. они находятся внутри него, пришлось там написать strong, но так цифра жирным шрифтом не становится. В пункте 1 все нормально, т.к. он закрытый и в нем нет подпунктов. Как применить идентифика…

    Asked by Омск, February 27, 2018

    0 votes
    4 answers
15. Настройка ширины блока div.

    Прошу помощи. Есть блок div (красный) у него установлен параметр width: 47% Есть блок div (зеленый) у него задан параметр float: right, параметр width - не задан. При этом, второй блок (зеленый) не хочет принимать ширину на все оставшееся пространство (т.е. оставшиеся 53%). Не могу понять почему. Скриншоты прилагаю. Заранее благодарю за помощь. при увеличении нужного блока параметром width: 50% он уходит вниз. а вообще, хотелось бы, чтобы блок автоматически распостранялся по ширине на оставшееся свободное пространство.

    Asked by shencoff, March 12, 2018

    0 votes
    6 answers
16. Trackbar, ползунок

    Нужно реализовать ползунок Нашел тот который нужен на просторах интернета https://jsfiddle.net/120n2arx/63/ И тут вопрос. Я никогда не работал с jQuery, у автора все работает, копирую себе в файлы, ничего не работает. Отображается сам ползунок но с ним никаких действий производить не получается. Как решить проблему? Ошибка наверняка банальная. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="slider.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"> var drag = false; var values = []; for(var i = 0; i < 24; i++) for(var j = 0 ;…

    Asked by purple/ocean, March 12, 2018

    • trackbar
    • ползунок
    0 votes
    4 answers
17. Несколько js на одной html странице

    Привет. Подскажите, пожалуйста в чем может быть проблема и, если это возможно, как ее решить. Суть в следующем. Есть одна html страница, на которой реализовано две вкладки. На каждой вкладке отдельном окне, обрамленном с помощью css размещена svg картинка для которой необходимо выполнять JS код. В HTML пытался реализовать подобным образом: <body> <div class="menu1"> <br id="notCns"/> <a href="#cns">cns</a><a href="#notCns">notCns</a> <div> <object id="cnsId" type="image/svg+xml" width="1024" height="768" data="cns.svg"></object> <<script type="text/jav…

    Asked by ioprst, March 5, 2018

    • html
    • js
    • svg
    0 votes
    9 answers
18. сделать пропорциональный блок

    ребята, помогите пожалуйста сделать пропорциональный блок. тут в fiddle есть резиновый красный прямоугольник. я хотел бы чтобы он при любой ширине окна браузера имел отношение сторон 3:2. важно чтобы он был именно div, а не img

    Asked by cyklop77, March 5, 2018

    • css3
    0 votes
    2 answers
19. еще один noUiSlider

    привет, теперь по поводу другого uislider https://jsfiddle.net/ahuasLwh/2/

    Asked by exoty, March 1, 2018

    0 votes
    5 answers
20. Bootstrap menu - гамбургер

    Доброго времени суток. Проблема лежит в Bootstrap menu, точнее в телефонной версии, так называемый гамбургер появляется только на экранах разрешения 767px шириной, а хотелось чтобы гамбургер меню было на планшетах. Причина заключается в том, что это первоначальное меню, и оно еще будет дополняться. (хотя и уже такое на телефоне не приятно видеть). Как и где поменять размер смены обычного меню на гамбургер? Сайт если будет нужен http://izhprint.org/ bootstrap файл тоже прикрепил. Заранее спасибо за помощь! bootstrap.css

    Asked by Liv0n, March 1, 2018

    • bootstrap
    • menu
    • гамбургер
    0 votes
    2 answers
21. noUISlider

    очень трудновато с этим слайдером. https://jsfiddle.net/k13urhLb/1/ выбрал этот слайдер, но не могу настроить, чтобы больших делений было всего 4 (на 0, 10, 20 и 30), а маленьких делений было между ними 9 (в общем, как на обычной линейке все) и значение выводилось (на фотке где value). Заранее, благодарю за помощь

    Asked by exoty, February 28, 2018

    0 votes
    2 answers
22. Модуль сайта

    Когда тыкаю на данную кнопку, на этой же странице появляется следующее окно Подскажите как это правильно называется, что гуглить. https://www.askona.ru/krovati/krovati/krovat-romano.htm Ссылка для более хорошего понимания сути вопроса. Работает схоже с тем как появляется окно предпросмотра перед публикацией вопроса на этом форуме.

    Asked by purple/ocean, February 27, 2018

    0 votes
    1 answer
23. bg-blend-mode в действии

    Доброго времени суток. Уже давно мучает вопрос, который связан со свойством background-blend-mode и градиентом. Суть вопроса в том, что при вёрстке сайта с макета psd, я часто попадаю на фоновое изображение, которому задана функция с наложением градиента с целью частичного затемнения. Так вот у меня не получается реализовать это в самом проекте. Хотелось бы получить толковый ответ по данному вопросу. Пример кода для наглядности: body { width: 100%; background-image: linear-gradient(to top, rgb(0,0,0), rgb(255,255,255)), url(Surfers/src/img/bg-about-us.jpg); background-blend-mode: normal; }

    Asked by Еврейская Мышь, February 20, 2018

    0 votes
    4 answers
24. Позиционирование списков

    Привет всем, делал менюшку на сайте и столкнулся с одной проблемой Есть тег div, в нем ul и 5 li в строчку с помощью inline-block li должны быть равными по ширине и при том менять её в зависимости от ширины экрана на ум пришла только эта идея: Поскольку div = 100% для li я поставил 20% и, как я понимаю, li должны вплотную занять всю ширину div и при том быть не статичными тк % но не получается и последняя пятая переходит на новую строчку, когда ставлю 19% то всё влазит, но справа остаётся место и получается не красиво в чем дело? Никаких отступов нет, padding 0, что еще занимает место? Или способ не правильный? так же думал, что это из за про…

    Asked by Mewow, February 17, 2018

    • div
    • ul
    • li
    0 votes
    3 answers
25. css Как заделеигировать событие?

    Как сделать чтобы событие на 'div' выполнилось, после своего появления от нажатия на 'p' ? https://jsfiddle.net/s4eoawef/17/

    Asked by aqua.77, February 18, 2018

    • html
    0 votes
    3 answers