Jump to content

Switch74

Expert
  • Posts

    3,246
  • Joined

  • Last visited

  • Days Won

    155

Everything posted by Switch74

  1. Разбейте на 3 колонки: Центральная - ваша форма Левая и правая - занимают оставшееся пространство для выравнивания по центру формы и имеют overflow:hidden; в правую помещаете кнопки и выравниваете по правому краю
  2. так чтобы их не было или оставались на своих местах? если при уменьшении размера экрана они должны иметь другой стиль, то используйте @media
  3. а что не так то и что именно вы хотите сделать? вам не нравится что иконки наезжают на форму при маленьком окне? а куда бы вы их хотели деть на узком окне, когда ваша форма будет занимать все пространство? где они должны быть и как себя вести?
  4. для .middle поставьте right: 0px; и уберите transform
  5. можно обычными блоками делать с бордюром или фоном можно картинками фоновыми, как удобнее
  6. выложите в песочницу https://jsfiddle.net/
  7. Switch74

    HTMLforum чат

    Может в избранном?
  8. if (!search_flag) { должен быть внутри $('.input_search').on('input', function () { как вариант можете сделать следующее: при клике по форме каждому полю или только форме (если вам нужно для всей формы, а не для каждого поля в отдельности) выставляется класс к которому у вас будет привязано событие при выполнении этого события на нужном поле делаете что вам нужно и удаляете этот класс. проблема будет только в том, что при клике по следующему полю, для передачи фокуса например у вас скорее всего опять включится механизм, так что думаю вам нужно пересмотреть схему инициализации данной функции. Я бы инициализировал данный механизм при загрузке страницы и нажатии кнопки отправки формы поиска, т.к. после этого по сути он будет производить новый поиск и как-бы в любом случае кликнет по форме.
  9. ну проведите анализ зависимости скриптов defer так же грузит асинхронно, только выполняет в нужной последовательности, а не как только загрузится
  10. попробуйте указать defer для всех
  11. <script async не ждет загрузки скрипта и видимо когда у вас загружается /templates/fd/js/mai n.js не все скрипты в начале страницы уже успели загрузиться
  12. как пример например слайдер в форме n-угольника, например шестиугольник в котором элементы будут размещаться уже относительно него, а не всего svg т.к. таких шестиугольников может быть много на одном svg и рассчитывать координаты видимости вложенных в него элементов не хотелось
  13. Здравствуйте. Занялся разбором SVG верстки и не могу понять есть ли возможность вставлять в элементы другие элементы, например <polygon> <polygon></polygon> </polygon> или в данном случае выкручиваться через <g></g> или <symbol></symbol> с наложением элементов друг на друга
  14. здесь как больше нравится, если при определенных условиях линия должна исчезать, то лучше через after если нет, то можно и hr
  15. https://jsfiddle.net/6jL30trm/
  16. а линия разве не может перескакивать на следующую строку, она ведь находится как бы в этом же блоке что и текст и как я понимаю текст должен отталкивать линию ниже
  17. а что мешает поставить hr какие проблемы с адаптивом при :before/:after?
  18. почитайте про vertical-align у разных элементов он работает по разному в вашем случае он будет отрабатывать на элементах относительно соседних https://habr.com/ru/company/netcracker/blog/277433/
  19. html,css,js дальше смотришь на что способны всякие фреймворки и библиотеки, где и как они применяются выбираешь для себя несколько и начинаешь изучать их (для начала наверно самые распространенные) js хватит поверхностного понимания что и как работает ибо в большинстве случаев он нужен чтобы сделать заплатку или добавить частный, сложный функционал ну и чтобы не писать кучу кода, в любом случае будете использовать какие-то фреймворки на вроде jquery...
  20. а что мешает вам его сделать самому, например в том же Excel? MOCK_DATA.csv
  21. :) там кавычек в 3 раза больше стало
  22. у меня выдает, приведите csv файл в порядок
  23. "speed;1" "weigth;2" "tall;3" "age;18?"
×
×
  • 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