AlexZaw

<div> <img src="http://placekitten.com/g/200" alt=""> </div> div{ display: inline-block; border: 1px solid #000; } img{ clip-path:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0 25%); vertical-align: middle; }

Вряд ли, если только совсем экзотические. Вот вам и повод познакомиться с ними ?

Картинка/clip-path/svg. Нужное подчеркнуть.

Пробовали запускать функцию jivo_onLoadCallback вручную, после того как фильтр отработал? Просто чтобы понять доступна ли она?

Попробуйте $j( window ).on( "load", handler ) вместо $j( document ).ready( handler ) Либо запускать скрипт не асинхронно, а после загрузки документа

А ларчик то просто открывался ?

Попробуйте воспользоваться эмуляторами

Я конечно дико извиняюсь. Но что здесь такого сверхестественного? Единственно что может почерпнуть новичок это стилизацию скролла (которая впрочем гуглится по первой ссылке). Да и исходник может просмотреть любой желающий нажав пкм и выбрав page source... зы. Можете объяснить зачем вы используете флексы там где они не нужны от слова совсем? И зачем собираетесь учить этому начинающих верстальщиков? ззы. Хотя за цвета конечно плюс, но я бы такого верстальщика на работу не взял.

Я конечно могу ошибаться но как я понимаю работу вашего кода - он у вас выполняется один раз. Т.е.страница загрузилась, повешался обработчик клика на все элементы с классом .ask-product. Все. дальше вы можете сколько угодно добавлять элементы, обработчик на них нигде не добавляется. Хотя, это же делегирование... Хм... зы.Что-ж вы консультантов то не предупердили? Прям неудобно получилось перед человеком ?

$j('.ask-product') возвращает вам объект, а не живую коллекцию элементов

Как вариант отключать кнопку в css с помощью pointer-events:none; или атрибутом html disabled , а при загрузке страницы скриптом отменять данные состояния

Возможно поможет: button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

Попробуйте text-align:center для кнопки

Возможно в макете используется цветовой профиль отличный от sRGB. Что значит советы по адаптивности? Чем меньще запросов тем лучше. Это, наверное, единственный совет который можно дать ? По коду сильно не смотрел, но пара вопросов есть - зачем для текста везде задана прозрачность, почему у кнопки "TRY NOW" разные паддинги, и зачем вы, по крайней мере в последней форме, используете одновременно float и абсолютное позиционирование?

А я то все голову ломаю чего это вы их везде рекламируете? ? Что за плюшку то дадут за реферала?

Добавлено расширение SelectCode для сафари

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

Посмотрите на картинки: Оригинал: Сжатая с помощью сервиса: Особенно в красном секторе разница заметна. С png та же история, да они и сами пишут что уменьшают количество цветов в картинке. Да, это не очень заметно, но качество все-таки хуже становится.

Делать гридами li-шки это конечно сильно, но зачем? Да, и куда у вас верхнее меню девается на 992px ?

А если качество нужно?

Так я вам и говорю что вариант топорный, но проблему с пунктом селекта можно решить установив selected в html на странице http://site.com/de/ вручную на нужном пункте, и так для каждого языка. По идее можно конечно передавать параметры на открываемую страницу, и на ней в зависимости от переданного параметра выставлять нужный пункт. Но с этим я пока не разбирался

Топорный вариант: <select id="lang"> <option>Choose language</option> <option value="/en/">English</option> <option value="/es/">Español</option> <option value="/de/">Deutsch</option> <option value="/it/">Italiano</option> <option value="/nl/">Nederlandse</option> </select> var lang = document.getElementById('lang'); lang.onchange = function(){ window.location = 'http://сайт.com' + lang.options[lang.options.selectedIndex].value + 'index.html'} Ну а чтобы был выбран нужный элемент в списке - на нужной странице присваиваете selected соответствующему пункту в html

К сожалению у меня нет возможности проверить код на устройствах от Apple ? Существуют ли какие-нибудь виртуальные машины на которые можно было бы установить макось, или сервисы типа https://www.browserstack.com/ только бесплатные? Насколько я понял в сафари выделяется текст перед кнопкой? Попробую что-нибудь придумать.

Плагин обновлен, исправлена ошибка при которой нельзя было скопировать произвольный текст после нажатия на кнопку. Скриншоты работы плагина: до нажатия кнопки: после нажатия кнопки: Отзовитесь те кто установил плагин, хоть буду знать зря все я это затеял или кому-нибудь кроме меня не хватало такой функции ?

<div class="var1"></div> <div class="var2"></div> <div class="var3"></div> .var1{ position: relative; height: 40px; width: 15px; display: inline-block; } .var1:after, .var1:before{ content: ''; display: block; background: #000; position: absolute; height: 2px; width: 23px; transform-origin: 0 50%; top: 50%; } .var1:before{ transform: rotate(-60deg); } .var1:after{ transform: rotate(60deg); } .var2{ display: inline-block; position: relative; height: 40px; width: 15px; overflow: hidden; } .var2:after{ position: absolute; top: 50%; content: ''; display: block; width: 40px; height: 40px; border: 2px solid #000; border-top: none; border-right: none; transform-origin: 0 100% ; transform: translateY(-100%) rotate(60deg) skew(30deg); } .var3{ display: inline-block; height: 22px; width: 20px; border: 2px solid #000; border-top: none; border-right: none; transform:rotate(30deg) skewY(30deg) }