kolhoz

Как вставить png узор над блоком DIV так как на картинке. И чтобы он растягивался при изменении ширины дива? https://yadi.sk/i/3fu3fo0rh6LJc https://yadi.sk/i/XeVu53LFh6LKD

Как я понял нужно при адаптивной верстке учитывать размеры устройств, а не разрешения? Так?

понял. почитаю обе статьи хорошенько

Статьи хорошие. Но правильно ли будет с точки зрения адаптивности, если я для экранов с шириной < 991 px укажу одни стили, для экранов с шириной >=991px но <1536 px укажу одни стили. А для экранов >1536 укажу другие? Мне нужно чтобы для Ipad air 5 сайт корректно отображался. у него разрешение 2048х1536

Добрый день. Подскажите пожалуйста такую вещь. Сделал сайт http://intechsoft.ru/about/news/верстка адаптивная. В css использовал медазапрос @media screen and (max-width: 991px) чтобы для экранов с разрешением <991px сайт немного по-другому отображался. Сказали что на Ipad air 5 (2048х1536px) вроде разрешение сайт криво отображается. Как мне сделать полноценную адаптивность? Какие медиазапросы лучше использовать? Вообще как лучше писать: @media screen and (max-width: 991px) @media screen and (min-device-width: 991px) что из этих будет правильнее?

как лучше реализовать это? обычные пункты могу, а так что-то недогоняю как реализовать

Можно ли реализовать такого рода меню и как это сделать, если возможно? https://yadi.sk/i/loaTEFx8ftAGJ вот ссылка на картинку

Ау

Может тут мне помогут. Есть форма на странице http://kursy05.ru/landing/obratnaya-svyaz.phpдля кнопки "Отправить" добавил в самой же форме событие onclick реализующее цель "Событие" в метрике. onclick="yaCounter27097874.reachGoal('clickBtnSendKursy05Landing'); return true;"Получилось так: <input type="submit" name="web_form_submit" value="Отправить" onclick="yaCounter27097874.reachGoal('clickBtnSendKursy05Landing'); return true;">Везде написано что нужно добавить код. Делаю, но в метрике ничего не отображается ничего. Может что-то не так я делаю?

Пробовал сделать <li class="hidden_desktop"></li> абсолютным, задать ширину, высоту 100%. Не помогло. Вот сайт http://kursy05.ru/landing/ там есть участок кода <div class="slideimg row"> <ul> <li class="hidden_desktop"></li> <li class="hidden_mobile"><img src="//intechsoft.ru.images.1c-bitrix-cdn.ru/bitrix/templates/landtmpl/img/1.png?1426224634324848"><img src="//intechsoft.ru.images.1c-bitrix-cdn.ru/bitrix/templates/landtmpl/img/3.png?142622463471152"><img src="//intechsoft.ru.images.1c-bitrix-cdn.ru/bitrix/templates/landtmpl/img/2.png?1426224635334370"></li> </ul> </div>

Дело в том что у меня вот такой код: <div class="slideimg row"> <ul> <li class="hidden_desktop"><img src="//intechsoft.ru.images.1c-bitrix-cdn.ru/bitrix/templates/landtmpl/img/slideimgbg.png?1425622588644067"></li> </ul></div>hidden_desktop - это для компьютеров Сейчас я просто вывожу эту картинку указав ее ширину 100%. Но на экранах с разрешением 1920х1080 картинка видна не вся по высоте. Заказчик хочет, чтобы отображалась вся. Вы говорите сделать бэкграундом с применением background-size: cover. Но в этом случае li остается пустым и нужно задать ему высоту.

В этом случае нужно высоту блока задать фиксированно. А я бы не хотел так

Привет.. Есть блок в котором выводится статичная картинка с размерами 1300х800px. ширину картинки указал 100% чтобы растягивалась на всю ширину экрана. На на экране размерами 1920х1080 картинка по высоте не влезает вся. небольшой кусок внизу остается за рамками видимости экрана и нужно прокрутить вниз. Можно ли сделать чтобы при любых разрешениях экрана картинка по высоте всегда была видна? И.е. чтобы вся картинка вмещалась?

Тут этот класс не подойдет. Потому что все посещенные ссылки будут выделяться, а нужно не все. Видимо невозможно так сделать

Привет. Один клиент хочет чтобы на сайте было так: В общем есть ссылка назовем ее "Главная ссылка" при переходе по этой ссылке хочет чтобы она выделялась после того как перешли по этой "Главной ссылке", затем на этой странице есть другая ссылка назовем ее "Внутренняя ссылка" по нажатию на которой человек переходит на страницу и он хочет чтобы были выделены цветом ссылки "Главная ссылка" и "Внутренняя ссылка" и так далее. Можно ли это сделать? т.е. есть ссылка1 нажимаем на нее переходит на страницу где есть другая ссылка, при это ссылка1 должна быть выделена, затем переходит по ссылке на какую-нибуть страницу и должны быть выделены ссылка1 и ссылка2. Причем это не пункты меню, не сложенные страницы, а просто страницы на джумла. Я просто не сталкивался с такой задачкой еще

Мне не просто нужно сделать карту изображения, а чтобы при нажатии на некие ромбики какая-то анимация была например изменение цвета текста в нем.

Какой есть способ легкий сделать так: ромбики поместить в div размерами 12000px на 700px

А можно ли сделать не переворачивая весь контейнер на 45градусов, а перевернув сами квадраты? Например так: Есть 5 строк в каждом из которых по 5 вложенных div-ов. Как сделать чтобы внутренние div-ы можно было перевернуть на 45градусов и чтобы все поместилось на страницу по центру? у меня сейчас некоторые дивы уходят вниз, если 5 строк делать. В общем нужно что-то такое сделать чтобы на одну страницу поместилось

Я бы ещё сделал так: .square {overflow:hidden;} Чтобы при наведении граница блоков была чёткой по контуру. Спасибо.

Как сверстать такую штуку как на картинке? https://2.downloader.disk.yandex.ru/preview/bb355da3b29f1b14faf0a5b771c05c0f/mpfs/GQ_v0KAbgGFSicJ5IvYx1SuMQJ98KJdfNviSWtAErdtct6q1Q7ycULrlHkrmLsgSlnc0k0gAbTCC3DnDIPb3sA%3D%3D?uid=45017258&filename=2123jpg&disposition=inline&hash=&limit=0&content_type=image%2Fjpeg&size=1003x795 если код приведете будет хорошо, если нет, то хотя бы на словах сказать как можно реализовать

сложно ответить для каких разрешений обычно прописываются стили? Код не нужен для этого

Привет всем. Делаю сайт с использованием бутстрап 3 и шапка у меня на всю страницу растянута, но текст в ней при разных разрешениях выходит за рамки шапки и переходит на нижние блоки. Хочу под разные разрешения подогнать текст в шапке. Скажите пожалуйста стоит ли делать так? или все же есть простой способ? Если нужно подгонять, то на какие разрешения нужно обратить внимание при адаптивной верстке чтобы на всех устройствах корректно отображался сайт?

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href=""><style>.navwrapper { background: aquamarine; position: fixed; right: 0px; top: 0px; bottom: 0px; width: 0px; overflow: hidden;}</style></head><body> <div class="navwrapper"><img src="1.jpg" alt=""> <ul class="menu"> <li><a href="/">Главная</a></li> <li><a href="/">Главная</a></li> <li><a href="/">Главная</a></li> <li><a href="/">Главная</a></li> <li><a href="/">Главная</a></li> </ul></div>Контент страницы</body></html>вот что получилось. Если даже иконке сделать fixed почему-то не видна она. подскажите пожалуйста как исправить? с position знаком плохо так что не наезжайте на новичка)

Извините, а куда вставить иконку, которая будет иконкой меню как на том сайте? я не могу понять. простенький пример можно?