-
Posts
3,246 -
Joined
-
Last visited
-
Days Won
155
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Switch74
-
Разбейте на 3 колонки: Центральная - ваша форма Левая и правая - занимают оставшееся пространство для выравнивания по центру формы и имеют overflow:hidden; в правую помещаете кнопки и выравниваете по правому краю
-
так чтобы их не было или оставались на своих местах? если при уменьшении размера экрана они должны иметь другой стиль, то используйте @media
-
а что не так то и что именно вы хотите сделать? вам не нравится что иконки наезжают на форму при маленьком окне? а куда бы вы их хотели деть на узком окне, когда ваша форма будет занимать все пространство? где они должны быть и как себя вести?
-
для .middle поставьте right: 0px; и уберите transform
-
можно обычными блоками делать с бордюром или фоном можно картинками фоновыми, как удобнее
-
выложите в песочницу https://jsfiddle.net/
-
if (!search_flag) { должен быть внутри $('.input_search').on('input', function () { как вариант можете сделать следующее: при клике по форме каждому полю или только форме (если вам нужно для всей формы, а не для каждого поля в отдельности) выставляется класс к которому у вас будет привязано событие при выполнении этого события на нужном поле делаете что вам нужно и удаляете этот класс. проблема будет только в том, что при клике по следующему полю, для передачи фокуса например у вас скорее всего опять включится механизм, так что думаю вам нужно пересмотреть схему инициализации данной функции. Я бы инициализировал данный механизм при загрузке страницы и нажатии кнопки отправки формы поиска, т.к. после этого по сути он будет производить новый поиск и как-бы в любом случае кликнет по форме.
-
ну проведите анализ зависимости скриптов defer так же грузит асинхронно, только выполняет в нужной последовательности, а не как только загрузится
-
попробуйте указать defer для всех
-
<script async не ждет загрузки скрипта и видимо когда у вас загружается /templates/fd/js/mai n.js не все скрипты в начале страницы уже успели загрузиться
-
как пример например слайдер в форме n-угольника, например шестиугольник в котором элементы будут размещаться уже относительно него, а не всего svg т.к. таких шестиугольников может быть много на одном svg и рассчитывать координаты видимости вложенных в него элементов не хотелось
-
Здравствуйте. Занялся разбором SVG верстки и не могу понять есть ли возможность вставлять в элементы другие элементы, например <polygon> <polygon></polygon> </polygon> или в данном случае выкручиваться через <g></g> или <symbol></symbol> с наложением элементов друг на друга
-
здесь как больше нравится, если при определенных условиях линия должна исчезать, то лучше через after если нет, то можно и hr
-
https://jsfiddle.net/6jL30trm/
-
а линия разве не может перескакивать на следующую строку, она ведь находится как бы в этом же блоке что и текст и как я понимаю текст должен отталкивать линию ниже
-
а что мешает поставить hr какие проблемы с адаптивом при :before/:after?
-
Выравнивание списка <ul> по вертикали
Switch74 replied to Ant0n39's question in Web-site Development
почитайте про vertical-align у разных элементов он работает по разному в вашем случае он будет отрабатывать на элементах относительно соседних https://habr.com/ru/company/netcracker/blog/277433/ -
html,css,js дальше смотришь на что способны всякие фреймворки и библиотеки, где и как они применяются выбираешь для себя несколько и начинаешь изучать их (для начала наверно самые распространенные) js хватит поверхностного понимания что и как работает ибо в большинстве случаев он нужен чтобы сделать заплатку или добавить частный, сложный функционал ну и чтобы не писать кучу кода, в любом случае будете использовать какие-то фреймворки на вроде jquery...
-
Выравнивание списка <ul> по вертикали
Switch74 replied to Ant0n39's question in Web-site Development
li a { vertical-align: top; } -
а что мешает вам его сделать самому, например в том же Excel? MOCK_DATA.csv
-
:) там кавычек в 3 раза больше стало
-
у меня выдает, приведите csv файл в порядок
-
"speed;1" "weigth;2" "tall;3" "age;18?"