Установлены CF 7 и Wpforms, но из коробки вроде нельзя привязать вызов формы по нажатию на "свой" button (гайды устарели, а в JS совсем плох), чтобы, к примеру, запросить у посетителя номер телефона (желательно с флагом страны и …
Суть такая, у меня сайт хостела. И на главном номера, а у каждого номера фотографии и соответственно у каждого номера слайдер с фотографии и с превью (миниатюрами). Сайт у меня будет на вордпресс. Я реализовал один слайдер с помощью swiper…
Начал изучать верстку и никак не могу сделать такую сетку, находил много решений, но все не то.(
Я новичок в программировании, прощу вашей помощи дорогие друзья.
Суть моей проблемы:
В мобильной версии не работает JS код , при нажатии на кнопку "server list"
браузер намертво глючит и спустя какое то время вылазит сообщение (C…
Я новичок в программировании, прощу вашей помощи дорогие друзья.
Суть моей проблемы:
В мобильной версии не работает JS код , при нажатии на кнопку "server list"
браузер намертво глючит и спустя какое то время вылазит сообщение (C…
Вопрос простой, как сделать фиксированную верстку (одинаковое отображение сайта на любой ширине и возможность его мастабирования) без использования запроса вида:
<meta name="viewport" content="width=1660" />
…
Делаю эти елемнти, и когда надо сделать их з адаптивом ничело не получаэться, немогу понять как его сделать. Может кто-то знает поделитесь опытом.
…
В связи с вопросом Выравнивание логотипа с помощью css возник вопрос:
"Как с помощью javascript при расширении размера окна веб-браузера добиться того, чтобы положение и размеры логотипа и гамбургера изменялись пропорционально? Также…
Моя проблема заключается в следующем:
Всем привет! Вопрос в адаптивной версии бургер меню. При адаптиве при нажатии на пункт меню, меню закрывается, но при нажатии на ссылку "Выпадающее меню" все меню тоже закрывается, а должно открывать список под меню.
Я только из…
Есть адаптивное меню, которое должно открывать при клике на определенном разрешении, но при обновлении страницы изначально меню показывается открытым.
const menu = document.querySelector(‘.nav-list’);
menuItem = document.querySelectorAll(‘…
Есть адаптивное меню, которое должно открывать при клике на определенном разрешении, но при обновлении страницы изначально меню показывается открытым.
const menu = document.querySelector(‘.nav-list’);
menuItem = document.querySelectorAll(‘…
Подскажите как в swiper настроить breakpoints на мобильной, планшет и малых экранах мониторов чтобы было 1 слайд , а на десктоп стандартно 4 слайда. Как ни делаю мобилка и большой экран работает, остальное берет с десктопа.
new Swipe…
недавно столкнулся с проблемой на айфонах и андройдах: экран в 100vh все равно скроллился, долго искал решение, в итоге нашел такое:
Так вот, проблема исчезла на айфоне и андройде. Но появилась следующая, при перевороте экрана все работа…
недавно столкнулся с проблемой на айфонах и андройдах: экран в 100vh все равно скроллился, долго искал решение, в итоге нашел такое:
Так вот, проблема исчезла на айфоне и андройде. Но появилась следующая, при перевороте экрана все работа…
Столкнулся с блокировкой js скрипта в iphone 12 при загрузке веб-сайта. Простой скрипт, который переключает видимость меню и загружает пак иконок не работает. Кто с этим сталкивался, как обойти это ограничение без настроек в системе устрой…
Когда текста мало становится некрасиво. В swiper документации ответ не нашёл. В слик слайдере это adaptiveHeight
[![введите сюда описание изображения][1]][1]
…
Каким образом в javascript можно проверить размеры экрана (в if-е) и в зависимости от этой проверки отрисовывать содержимое страницы? Меня интересуют устройства типа IPad (tablet.js) (используются ли в них скролл)?
…
Есть сайт (см. https://www.figma.com/file/noqP1gzhrAlGAErPNBgknp/test?node-id=0%3A1)
Каким образом адаптивно и резиново сверстать подвал сайта?
Помогите пожалуйста разобраться. Необходимо проверить наличие класса _active у элементов и удалить в случае наличия. На этом классе завязано появление многоуровневого меню на сайте. После закрытия основной ветки меню, если была открыта доч…
Делаю меню на сайте, многоуровневое с выпадающим списком, нужно чтобы на больших тач экранах (вроде планшетов) раскрытие списка происходило по нажатию на стрелку справа от элемента тк сам элемент является ссылкой на дргую страницу, но раск…
Есть интерфейсные блоки
Есть блок в коде
<html>
<head>
<!– <link rel=”stylesheet” href=”testsite.css”>–>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Test Exa…
В html есть такой замечательный элемент, как picture, предоставляющий возможность грузить разные изображения в зависимости от медиа-запроса. И все бы хорошо, но проблема появляется при использовании компонентного подхода.
В своем проекте я…
У нас имеется следующий HTML+CSS код:
function parentH() {
let height = document.querySelector(‘#parent_range_H’).value + ‘px’;
document.querySelector(‘#parent’).style.height = height;
document.querySelector(‘#children’).style.he…
Такой вопрос
Есть в дизайне блок который должен выглядеть вот так
кнопки которые я там отметил – должны анимироваться. если с кнопкой слева проблем особых с анимацией нажатия я не вижу, то вот кнопка справа должна регулировать громкость и…
Как вообще адаптируются такие ситуации? Просто слайдер ломает блок, и текст ломается также. Я в маленьком ступоре подскажите что можно сделать.Блок просто уходит в право, и не при каком уменьшении это не фиксистся. Помогите любым советом! …
От автора: это руководство по синтаксису HTML для адаптивных изображений (и немного CSS). Синтаксис адаптивных изображений — это обслуживание одного изображения из нескольких вариантов в зависимости от правил и обстоятельств. Есть две формы адаптивных изображений, и они предназначены для двух разных вещей. Если ваша единственная цель — увеличение производительности, тогда вам нужно… [crayon-633aa595b80f8220252425/] Использование адаптивных […]
От автора: это руководство по синтаксису HTML для адаптивных изображений (и немного CSS). Синтаксис адаптивных изображений — это обслуживание одного изображения из нескольких вариантов в зависимости от правил и обстоятельств. Есть две формы адаптивных изображений, и они предназначены для двух разных вещей. Если ваша единственная цель — увеличение производительности, тогда вам нужно… [crayon-5ee88d4ca6b62078506709/] Использование адаптивных […]
Подскажите пожалуйста как сделать направляющие от блока к блоку, такие как на скрине
.container{
margin: 0 auto;
width: 1240px;
}
.path__box{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap:…
От автора: эта статья посвящена наиболее распространенному варианту использования адаптивного изображения: переключению разрешения. Спецификация адаптивных изображений является фантастической и охватывает множество вариантов использования, но, по моему опыту, в большинстве случаев вам понадобится понять только один из них: предоставление копии одного и того же изображения разного размера в зависимости от ширины области просмотра пользователя. Мы называем […]
Свежие комментарии