Поиск по сайту
Результаты поиска по тегам 'chrome'.
Найдено 43 результата
-
Здравствуйте! Возникла следующая проблема. Есть форум - http://blog.springo.com.ua/ на нем в контентной части нестандартный шрифт, который подгружается через Гугл. Проблема в том, что когда переходишь на блог, то все отображается, но если ты перезагрузишь страницу, то текст (где нестандартный шрифт) исчезает (как я понимаю просто не подгружается шрифт). Если же обновить путем нажатия Enter в адресной строке, то все опять замечательно. Прошу помощи разобраться в этом.
-
Уважаемые! Сделайте пожалуйста расширение для Яндекс Браузера. Суть заключается в переходе на определенный сайт сразу же после запуска браузера. Ну очень полезная функция. Помогите пожалуйста!
-
Приветствую. Делаю поэтажное выделение на здание, через теги map area, использую плагин maphilight Проблема в том, что выделение срабатывает не всегда, баг возникает в браузерах Chrome и Opera Гуглил решение, нашел только вариант с добавлением к тегу map id и name с одинаковым значением, но это не сработало. Кто сталкивался с подобным, как заставить работать указанные браузеры? <script type="text/javascript" src="http://davidlynch.org/projects/maphilight/jquery.maphilight.min.js"></script>$(function() { $(".map").maphilight();});<img class="map" alt="img/1470.jpg" src="http://s018.radikal.ru/i501/1402/07/2debaecf5527.jpg" usemap="#myMap" width="1470" height="827" /> <map name="myMap" id="myMap"> <area shape="poly" coords="177,164,359,147,591,156,852,193,852,259,591,240,358,237,177,244" class="class6 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id6" target="_self" title="title6"/> <area shape="poly" coords="177,244,359,237,591,240,852,259,853,313,591,309,358,309,178,310" class="class5 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id5" target="_self" title="title5"/> <area shape="poly" coords="177,310,357,309,591,310,853,314,853,368,592,378,359,380,178,374" class="class4 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id4" target="_self" title="title4"/> <area shape="poly" coords="178,374,359,381,592,379,853,368,853,422,591,446,359,451,178,438" class="class3 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id3" target="_self" title="title3"/> <area shape="poly" coords="178,438,359,451,591,445,853,421,853,476,592,514,358,525,177,508" class="class2 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id2" target="_self" title="title2"/> <area shape="poly" coords="177,508,358,525,591,514,824,480,823,534,593,584,359,596,176,571" class="class1 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id1" target="_self" title="title1"/> </map>P.S. Если есть подробная документация (на русском) о создании подобного рода карты, буду рад ссылке. Пытался сделать с помощью Raphael, но не разобрался в документации.
-
Добрый день. Обнаружил странную багу. На сайте есть форма входа, там два input'а, у одного name="login", у другого name="password". Браузеры, естественно, предлагают сохранить логин и пароль. Тут все ок, при последующих заходах они корректно вставляются в форму (во всех браузерах). Для авторизованного пользователя есть страница с настройками, где он может указать дату рождения, сменить пароль и т.д. Хром включает здесь автозаполнение. Он заполняет input[name=password] запомненным паролем и поле input[name=birthday] логином. WTF? Все остальные браузеры на этой странице автозаполняют только поле password, дату рождения не трогают. Есть какой-нибудь способ указать браузеру, что на этой странице вообще не нужно автозаполнение? Или для каждого конкретного поля.
-
После долгих мучений я все таки выяснил что за гадина не дает быть анимации в crome и safari... Это свойство transition..когда его вставляю в код transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;перестает реагировать..не вращается.... Как обойти?
-
Здравствуйте. Верстал страницу, все хорошо, выложил, все довольны, но сегодня утром меня хватают за шкирку и говорят, что верстать я не умею и вообще плохой я человек. С высокой долей вероятности это правда, но проблема все равно выше моего понимания : во всех браузерах страница работает нормально, а в Хроме сразу после загрузки скроллится к div.social-buttons. Никак не могу найти, почему это происходит. Помогите, пожалуйста, отыскать причину подобного поведения КХм, простите, совсем забыл про ссылку - http://www.sendflowers.ru/rus/flowers-russia-moscow/presents-new_year_2014/
-
Добрый день! Есть такая проблема: если поставить фиксированно позиционированный элемент (без значений позиции, авто) внутрь элемента, который лежит внутри относительно позиционированного элемента, то такой элемент в Chrome отображается на неверной позиции. Во всех других браузерах этот элемент отображается на нужной позиции: той, в которой бы он появился, если бы был статическим) Вот пример простой: http://cssdesk.com/Gvpvg Вот пример практический: http://cssdesk.com/mnMxs Если кто сталкивался или знает, как это решить без применения js-костылей, то помогите пожалуйста. Судя по гуглу, с такой проблемой ещё никто не сталкивался.
-
В Chrome и Opera не работает text-align: justify, если на странице есть форма и стили при этом находятся во внешнем файле (jsfiddle не подходит). Нормально выравниваются те элементы, стиль которых определен прямо в HTML-коде с помощью атрибуте style. Если удалить селекты или форму целиком - все работает нормально. <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body> <form action="action"> <fieldset> <input type="text" name="id00" id="id01"> <select name="id02" id="id03"> <option value="1">1</option> </select> <select name="id04" id="id05"> <option value="1">1</option> </select> </fieldset> </form> <div class="parent"> <div class="child">1</div> <div class="child">2</div> <div class="child" style="display: inline-block">3</div> <div class="child" style="display: inline-block">4</div> </div></body></html>.parent { width: 500px; text-align: justify; }.parent:after { display: inline-block; visibility: hidden; overflow: hidden; width: 100%; height: 0px; content: ""; } .child { display: inline-block; margin-bottom: 10px; width: 220px; background: orange; }
-
Недавно узнал про сервис jsbin.com . Посмотрел. Понравилось. Только вот не могу понять: в видеотуториале открывают какую-то консоль и с помощью команд настраивают внешний вид и добавляют свои библиотеки. Насколько я понял, у автора видеотуториалов Хром. А что за консоль? В фаерфоксе есть что-то похожее? В фаербуге не нашел как вводить команды. Можете подсказать? Вижу тут людей много пользуются этим сервисом, должен хоть кто-то знать.
-
Есть страница http://bliss123.zz.mu/html/1/ когда пролистывается слайдер мерцают шрифты... Такое только на мак ос в хроме Кто сталкивался с проблемой? неподскажите решение?
-
Здравствуйте, уважаемые форумчане! Столкнулся с проблемой некорректного отображения одного блока в Chrome. Помогите исправить, пожалуйста. Скриншот:
-
Добрый день. Подскажите как православно верно сделать такие "уголки"? http://jsfiddle.net/npofopr/eA63W/ Проблема в общем то в следующем. На jsfiddle нет проблемы, а вот если посмотреть в Хроме на То при изменении ширины браузера, можно увидеть, как прыгает уголок. Или при вызове инспектора, тоже может прыгать Если убрать letter-spacing у span'а, то всё становить хорошо. Но может где то еще я наделал ошибки или можно проще всё было сделать?
-
Здравствуйте! Сложилась такая проблема: Есть сайт: http://now.avtografomania.ru - по центру странички, в правом блоке существует такая штука как: Новый автограф: Группа «Винтаж» собственно проблема в том, что под этой надписью идет jquery обратный отсчет... И циферки тикают как положено в старой опере, и Лисе... в Яндекс Браузере они - циферки тоже есть. А вот в новой Опере Next, в Chrome, и в IE 8, циферек не наблюдается... Что бы это могло быть - никак не могу разобраться. Будьте добры, подскажите!
-
Заметил я что в CSS можно прописывать свойства не только для существующих тегов, но и для любого сочетания букв, и решил написать свой тег. Всё вроде бы работает, но одна проблема — в Chrome свойства для spoiler[type="img"] отображаются не только для тега <spoiler type = "img"> но и для всех тегов <spoiler>. Если открыть просмотр "Исходного кода элемента", и там сделать с этим тегом что-нибудь, то всё приходит в норму. Код HTML: <!DOCTYPE html> <html> <head> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <meta charset = "utf-8"> <link rel="stylesheet" href="spoiler.css"> </head> <body> Текст текст текст <spoiler type = "img"><img src = "http://dopostback.anyversum.e3w.ru/wp-content/themes/Black/Logo.png"></spoiler> текст текст <br> <spoiler>Текст</spoiler> <spoiler type = "text">Текст</spoiler> </body> </html> Код CSS: spoiler { color: black; background: black; cursor: default; } spoiler a { cursor: auto; } spoiler[color="gray"] { color: gray; background: gray; } spoiler[color="white"] { color:white; background: white; border: 1px solid black; } spoiler:hover { color:white; } spoiler[color="gray"]:hover, spoiler[color="white"]:hover { color:black; } spoiler:hover a { color:blue; text-decoration:none; } spoiler a { color:black; } spoiler[color="white"] a { color: white; } spoiler[color="white"]:hover a { color: blue; } spoiler[color="gray"] a { color: gray; } spoiler[color="gray"]:hover a { color: blue; } spoiler a:hover { text-decoration: underline; } spoiler:hover a:visited { color:darkviolet; } spoiler:hover a:active { color:red; text-decoration: none; } spoiler[type="img"] { background-color: black; color:white; } spoiler[type="img"]::before { content: "Image"; } spoiler[type="img"] img { display: none; } spoiler[type="img"]:hover img { display: block; }
-
Доброго времени суток! Столкнулся с такой проблемой при верстке таблицы: при указании таблице border-spacing:6px в Хроме(Сафари) между тегами thead и tbody появляется лишний отступ в 6px. В остальных браузерах этого отступа нет, а он очень не уместен в моем случае - из-за этого отступа нарушается вид страницы при работе скрипта(использую кастомизированный скролл) Подскажите как с этим бороться. скриншоты: http://awesomescreenshot.com/0fd12xe693 http://awesomescreenshot.com/0b112xed9e
-
Chrome: Анимация срабатывает сразу после загрузки страницы
ExtendedPlay добавил вопрос в Проблемы верстки
Привет всем. Обнаружил странную особенность Хрома: анимация выполняется сразу после загрузки страницы. Вот, сделал тестовую страничку: http://www.photonoob...sition-bug.html Там всего один div, которому прописана анимация. Проверял на последних версиях Хрома (25.0.1364) на Win7 и MacOSX 10.6.2. (Если у кого-то не срабатывает, то попробуйте, находясь по вышеуказанному адресу, перейти на другую страницу, а затем нажмите кнопку «Назад» чтобы вернуться.) То что это баг я решил потому что такое поведение свойственно только Хрому. В других браузерах такого нет. Более того, даже в Сафари баг не обнаруживается. Вообще, поискав информацию на эту тему, выяснил, что уже существует обход этого бага с помощью JS. Но при этом не существует багрепорта. Вот я думаю, нужно ли создавать багрепорт, либо это всё-таки не баг. -
Мда )) Уже начал сходить с ума, пытаясь понять логику, по которой float-элемент игнорирует height и min-height в процентах. Оказалось дело в Firefox. Допустим, у нас есть float-блок, который находится в родителе. И нам нужно, чтобы даже при отсутствии контента (или малом количестве) у плавающего была бы какая-то минимальная заданная высота. Как бы логично и удобно использовать min-height, который берется от родителя. Но FF все обламывает. Понятно, что такую модель можно реализовать и по-другому. Но вопрос в том, что есть ли способ, не меняя подход, научить FF видеть эту высоту? Перед нажатием на "отправить" проверил в Хроме. Та же проблема. Тогда это уже интереснее. Кто может подсказать что-то на этот счет? Код онлайн Этот же код: <!doctype html> <html> <head> <meta charset="utf-8"> <title>float height:100% error</title> <style type="text/css"> html, body{ height:100%; } body{ margin:auto; } #main{ overflow:hidden; width:50%; min-height:70%; margin:auto; background:#ccf; } #left{ float:left; width:50%; min-height:100%; background:#ffc; } </style> </head> <body> <div id="main"> <div id="left">Плавающий блок</div> </div> </body> </html> У Оперы и даже jsfiddle.net все в порядке.
-
Дело вот в чем, не раз замечаю что в хроме нужно ставить line-height больше чем в других браузерах. К примеру слева FF IE Opera справа Chrome Safari Как справиться с этим? Юзаю хак, но хотелось бы разобратся в причинах такого рендера. И найти более правильное решение. @media all and (-webkit-min-device-pixel-ratio:0) { button.button span span { line-height:29px; } } HTML <button class="button"> <span> <span> Join </span> </span> </button> Извиняюсь за большой CSS - верстаю под magento а там шаблоны не ахти. А менять каждый темплит времени нет. button.button { border:0; padding:0; margin:0; background:transparent; overflow:visible; cursor:pointer; vertical-align:middle; } a.button, button.button > span{ border:0; padding:0 9px; cursor:pointer; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; position:relative; background: #44c8f5; background: -moz-linear-gradient(top, #44c8f5 0%, #1a95bf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44c8f5), color-stop(100%,#1a95bf)); background: -webkit-linear-gradient(top, #44c8f5 0%,#1a95bf 100%); background: -o-linear-gradient(top, #44c8f5 0%,#1a95bf 100%); background: -ms-linear-gradient(top, #44c8f5 0%,#1a95bf 100%); background: linear-gradient(to bottom, #44c8f5 0%,#1a95bf 100%); -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } a.button span, button.button span span { display:-moz-inline-block; display:inline-block; white-space:nowrap; text-transform:uppercase; font:13px/25px 'FranklinGothicURW-Dem', Arial, Helvetica, sans-serif; height:24px; color:#fff; }
