Search the Community

Showing results for tags 'firefox'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML и CSS
    • Для начинающих
    • Препроцессоры, постпроцессоры и шаблонизаторы
    • Методологии
    • Фреймворки и библиотеки
  • JavaScript
    • Для начинающих
    • Фреймворки и библиотеки
    • Скрипты и плагины
  • Разработка сайтов
    • Для начинающих
    • Инструменты разработки, сборки и автоматизации
    • Аудит и анализ кода
    • Программное обеспечение разработчика
    • Веб-дизайн
    • Мобильные платформы
    • Open Source
  • Серверное программирование
    • Для начинающих
    • PHP
    • Платформы и языки программирования
    • Базы данных
    • Скрипты, готовые движки, CMS, конструкторы
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Сервер
    • Техническая поддержка
    • Веб-сервер
    • Базы данных
    • Хостинг
    • Домены
  • Интернет-маркетинг, SEO
    • Поисковая оптимизация
    • Поисковые системы
    • Продвижение и монетизация веб-сайта
    • Сервисы статистики и аналитики
    • Услуги и сервис
    • Покупка и продажа
  • Коммерческие услуги
    • Freelance
    • Работа
    • Услуги и сервис
  • Давайте поговорим о ...
    • Общий
    • Хобби, отдых и развлечение
    • Человек и общество
    • Флейм
  • Наш форум
    • Конкурсы
    • Работа форума

Calendars

  • События в Украине
  • События в России
  • События форума
  • События партнёров
  • Все события

Blogs

There are no results to display.

There are no results to display.

Marker Groups

  • Members
  • Front-end
  • Back-end
  • Education
  • Looking for job
  • Offering job

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


ICQ


Jabber


Skype


From


Interests

Found 22 results

  1. Добрый день! Создал меню, текст в google chrome отображается не вылезая за границы, а в firefox как на картинке. В чем проблема и как это исправить?
  2. Всем привет. Столкнулся с такой необъяснимой проблемой: Имеется страница на которой есть текстовые инпуты и кнопка, которая открывает фрейм с другими инпутами. Имеется userscript, которые реализует функционал виртуальной клавиатуры http://userscripts-mirror.org/scripts/show/10974 Он работает на всех страницах в яндексе, в гугле, в инпутах на моём сайте, но не работает в инпутах внутри открывающегося фрейма Почему внутри фрейма может не выполняться userscript? В консоле браузера нет ни каких ошибок и вызова юзерскрипта. Так же интересуют альтернативные варианты создания(подключения) виртуальной клавиатуры внутри фрейма с чужим сайтом.
  3. Только вот такое дерьмо не надо предлагать. Надо IDE типа Visual Studio, но с возможностью прицепиться к их процессам и дебагать их JS.
  4. Всем привет! Есть страница: http://krls.beta3.ceteralabs.com/ На ней баннер, который под видео, закрывает собой текстовый слайдер (подробнее во вложении) а браузере FireFox. В Chrom'е всё нормально. Подскажите, где тут CSS подправить можно? Ещё к странице подключено app.js , там тоже стили прописаны, но почему то для FireFox они не срабатывают. Помогите пожалуйста
  5. Столкнулся со следующим странным поведением. В хроме пока работает transition, фон просвечивает через border-radius (наведите на первый пункт). В Лисе градиент имеют такую особенность: полосочка 10px, полосочка 10px, прозрачность, на стыке второй полосочки и прозрачности образуется некий серый фон толщиной пикселя в два. Поскольку фон в примере двухнаправленный, то Вы, убрав одно направление (65 или 66 строчка, не забудте в конце оставленной строчки поставить точку с запятой ), можете увидеть что полоска есть только в том направлении, где нулевой переход из цвета в прозрачность. По обеим глюкам: что это? откуда это? куда писать? какие способы бороться? Спасибо за внимание
  6. Буду очень благодарен, если вы мне подскажите, как можно решить проблему. Скидываю простейший пример вёрстки, демонстрирующей проблему, без лишнего мусора - https://github.com/R45H/bug-in-ff. Нужно, чтобы в firefox отображалось также, как и в хроме. С учётом адаптивности. Здесь используется флексбокс и паддинг снизу в % для сохранения пропорций картинок. Проблема заключается в том, что при указании flex-direction: column; лиса схлопывает картинки (а хром нет). Мне подойдёт любое решение, но поведение и вид должны быть такими же, как в примере в хроме: - пропорциональное уменьшение картинок; - блоки с синей обводкой растягиваются на всю оставшуюся высоту; - голубой и зелёный блоки подстраиваются по высоте друг под друга (неважно где сколько текста); - на планшетах всё должно разворачиваться по-бутстраповски (как сейчас в примере). Заранее спасибо за помощь.
  7. Здравствуйте, уважаемые форумчане) Помогите с небольшой проблемой. Криво отображается блок в Firefox. Хотя в Chrome все нормально. Хром Firefox Код CSS и HTML: .mail-delivery { box-sizing: border-box; float: right; width: 560px; max-height: 220px; padding: 6px; color: #5a5a5a; font-weight: 400px; border-radius: 16px; background: url("../img/message-pattern.png") #fff; } .message-wrapper { box-sizing: border-box; width: 549px; max-height: 208px; padding:5px 20px 5px 20px; background-color: #f8f7f4; border-radius: 15px; clear: both; } .message-wrapper p { box-sizing: border-box; margin-bottom: 35px; color: #5a5a5a; font-size: 16px; font-weight: 400; line-height: 22px; } .message-wrapper form { font-size: 0px; } .feedback.pop-window { display: block; } .message-wrapper input[type="email"] { box-sizing: border-box; display: inline-block; width: 356px; margin: 0; margin-right: 10px; margin-bottom: 36px; padding-top: 10px; padding-bottom: 10px; padding-left: 12px; color: #323232; font-size: 16px; line-height: 24px; vertical-align: top; box-shadow: 0 0 0 2px #d3d3d2; border: none; border-radius: 5px; } .message-wrapper input[type="submit"] { display: inline-block; padding:10px 21px; color: #fff; font-size: 17px; line-height: 24px; vertical-align: top; font-weight: 700; text-align: left; border: 0; border-radius: 40px; background-color: #e94e37; background-image: linear-gradient(to bottom, #f26843 0%, #e74b36 100%); box-shadow: 0 2px 2px rgba(172, 16, 0, 0.64); cursor: pointer; outline: none; } <div class="mail-delivery clearfix"> <div class="message-wrapper"> <p> Подпишитесь на нашу сладкую рассылку и будете всегда в курсе всего самого вкусного, что у нас происходит. Обещаем не спамить и не слать всякой не нужной ерунды. Честно =) </p> <form class="message-delivery" action="url" method="get"> <input class="form-field" id="mail" type="email" name="email" placeholder="Электронная почта" required> <label class="login-form__label" for="mail">Электронная почта</label> <input type="submit" value="Отправить"> </form> </div> </div>
  8. VeniVidiVici

    flex и firefox

    В фаерфоксе возникает проблема с относительными вертикальными отступами у флекс элементов. margin padding Посмотрите оба примера в хроме и в фаерфоксе. В хроме всё отображается так как надо, а в фаерфоксе нет(((. В чём проблема?
  9. Всем привет. Есть сайт: http://www.tongat-1.ru/ В Chrome и Opera нормально всё отображается, а вот в FireFox блок с видео с ютуба почему то съезжает вниз ((. Народ, подскажите как CSS мне подправить, какой костыль дописать чтоб в FireFox этот блок тоже нормально отображался?
  10. Ломается верстка меню в FireFox (40-ая версия и ранее) Меню отскакивает вправо: Сайт на worspress
  11. <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Recipes</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="css/style.css" rel="stylesheet"></head><body> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="image"></div></body></html>.image { display: inline-block; height: 100px; width: 24%; border: 1px solid black;}@media screen and (max-width: 640px){ .image { width: 49%; }}https://yadi.sk/d/l4naCM-4q4suC- файлы Простой пример. Блоки размещаются в одну линию, а при ширине экрана 640 и меньше их ширина становится 49%, т.е. в один ряд размещается два блока. Проблема : в firefox (и только в нем) блоки принимают ширину 49% уже при экране 768px. Почему?
  12. Во всех браузерах кроме Firefox, Ajax работает. Код ниже. В Firefox выдает следующее: На сервере откуда берется html, в htaccess прописано: var urlPage = 'https://страница,где должна происходить магия', queryLink = 'https://ссылка с айди/?id=', linkPartners = 'https://ссылка на html на сервере.html'; $.ajax({ url: linkPartners, success: function(html){ if (urlPage == window.location.href) { $(".orange-box .blink").html(html).css({ "background": "none", "padding": "0" }); $(".orange-box").css('background', 'none'); $(".ob-content").css('background', 'none'); }; $('.table-partners tbody a').attr('href',function(){ linkSub = this.href + $('#inner_link').data('link'); return linkSub; }); } }); $.ajax({ url: queryLink + $('#inner_link').data('link'), success: function(html){ if(urlPage == window.location.href ) { if (html != "") { var objJSON = jQuery.parseJSON(html); if (objJSON != null) { var balance = objJSON.sum; if (balance != null) { $('.profileData h4').append('<div class="bal-left">Действительны до <a href="#" target="_blank">1.10.2015</a>: <strong>' + balance + ' </strong></div>'); return; } } }; } $('.profileData h4').append('<span style="display:none;"></span>'); } });
  13. Есть вот такая конструкция.. http://jsfiddle.net/4376rfy8/3/ В IE, Google Chrome и Opera вроде работает, а вот в FireFox текст в левой колонке почему то съезжает вниз, методом тыка выяснил что скорее всего виноват display: table; в родительском контейнере. Но вот обойти этот глюк пока не могу придумать как((( Может кто сталкивался с подобным!? Что нужно в итоге: 1) левая и правая колонка одинаковой высоты с плавующей шириной 2) в правой колонке 4 блока которые центруются(выравниваются) по вертикали, причем верхний блок должен прилипнуть к потолку, а нижний к полу.
  14. Ребят, помогите с сайтом. К сожалению поздно додумался проверить его во всех браузерах, в итоге не могу разобраться в чём проблема. Сайт небольшой, писал его в Dreamweaver. По сути это таблица из двух столбцов, в левом лого (с параметром position: absolute), ниже форма заявки. А в правом контент. Ниже этой таблицы футер. На фоне этой таблицы шаблон картинки, которую я потом поменяю. Проблема в том, что в IE (11) и Firefox содержимое левого столбца смещается ниже таблицы. И я не допёр почему. Вот архив с сайтом.
  15. Во всех других браузерах проблемы не наблюдаю. Именно Firefox, версия 29.0. Масштаб >=100%. При 80% - нормально, а при 100% и больше делает некоторые линии жирнее. Подскажите пожалуйста как бороться с этим багом? код: <!DOCTYPE HTML><html lang="ru"><head> <meta charset="UTF-8"> <title>JavaScript уроки</title> <style type="text/css"> table { border-collapse:collapse; } td { padding:4px; border:1px solid black; } </style></head><body><!-- <script type="text/javascript" src="operatpry_cikla.js"></script> --><table> <tr> <td> random_text </td> <td> random_text </td> <td> random_text </td> ... <td> random_text </td> </tr></table></body>
  16. https://developer.mozilla.org/en-US/Firefox/Releases/29
  17. Дело в следующем: при наведении на пункт меню, над ними появляются иконки. Вот демка: http://videostroy.com/ Во всех браузерах кроме Firefox иконки отображаются верно. Каждая последующая иконка отсчитывают координату X от предыдущей. И только в Firefox отсчет ведется от начала блока. Помогите решить проблему пожалуйста. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.link1').hover(function() { $('#ico1').show(); } ).mouseout(function() { $('#ico1').hide(); } ); $('.link2').hover(function() { $('#ico2').show(); } ).mouseout(function() { $('#ico2').hide(); } ); $('.link3').hover(function() { $('#ico3').show(); } ).mouseout(function() { $('#ico3').hide(); } ); $('.link4').hover(function() { $('#ico4').show(); } ).mouseout(function() { $('#ico4').hide(); } ); $('.link5').hover(function() { $('#ico5').show(); } ).mouseout(function() { $('#ico5').hide(); } ); $('.link6').hover(function() { $('#ico6').show(); } ).mouseout(function() { $('#ico6').hide(); } ); $('.link7').hover(function() { $('#ico7').show(); } ).mouseout(function() { $('#ico7').hide(); } ); }); </script> <style> .menu-top-icons { margin-bottom: -5px; position: relative; /*border: 1px dashed black;*/ } .menu-top-icons ul { width: 95%; float: right; } .menu-top-icons ul li { display: inline-block; text-align: center; } .menu-top { padding: 0 5px 0 0; margin: 47px 0 0 442px; position: absolute; } .menu-top ul { width: 187%; float: right; display: table; border-collapse: collapse; } .menu-top ul li { display: table-cell; /*text-align: center;*/ } .menu-top ul li a { text-decoration: none; color: #444; font: normal 18px Tahoma; } .menu-top ul li a:hover { border-bottom: 1px dashed #95705d; color: #95705d; } #ico1, #ico2, #ico3, #ico4, #ico5, #ico6, #ico7 { display: none; vertical-align: bottom; } </style></head><body> <div class="menu-top-icons"> <ul> <li style="margin-left: 34px;"><img src="images/home.png" width="50" id="ico1"></li> <li style="margin-left: 101px;"><img src="images/about.png" id="ico2"></li> <li style="margin-left: 83px;"><img src="images/services.png" width="45" id="ico3"></li> <li style="margin-left: 104px;"><img src="images/articles.png" id="ico4"></li> <li style="margin-left: 95px;"><img src="images/reviews.png" id="ico5"></li> <li style="margin-left: 152px;"><img src="images/qanda.png" id="ico6"></li> <li style="margin-left: 165px;"><img src="images/contacts.png" id="ico7"></li> </ul> <div class="menu-top"> <ul> <li><a href="/" class="link1" onMouseOver="a_hover();" onMouseOut="a_out();">Главная</a></li> <li><a href="about.html" class="link2" onMouseOver="a_hover();" onMouseOut="a_out();">Рћ нас</a></li> <li><a href="services.html" class="link3" onMouseOver="a_hover();" onMouseOut="a_out();">Услуги</a></li> <li><a href="articles.html" class="link4" onMouseOver="a_hover();" onMouseOut="a_out();">Статьи</a></li> <li><a href="reviews.html" class="link5" onMouseOver="a_hover();" onMouseOut="a_out();">Отзывы</a></li> <li><a href="faq.html" class="link6" onMouseOver="a_hover();" onMouseOut="a_out();">Р’РѕРїСЂРѕСЃ-ответ</a></li> <li><a href="contacts.html" class="link7" onMouseOver="a_hover();" onMouseOut="a_out();">Контакты</a></li> </ul> </div> </div></body></html>
  18. Современный Firefox умеет парсить данные в формате JSON самостоятельно, без подключения каких-то сторонних JavaScript скриптов. В подтверждение этому существует данная статья на MDN. Вот только в статье описаны примеры, когда сами JSON данные уже сразу объявлены непосредственно в переменной JavaScript. Кто-то владеет информацией, возможно ли JSON данные выдрать именно из отдельно оформленного *.json файла сдантартными средствами Firefox? Или для этого нужно использовать сторонние скрипты? P.S. Интересует только конкретно Firefox, т.к. реализую свою задачу только под него.
  19. Доброго времени! Вот код: http://jsfiddle.net/Z6L4r/ в ff 24 (kubuntu) ссылка Help отображается внизу header-а, хотя должна быть с отступом в 10px сверху (примерно по центру header-а) opera, chromium - все нормально. Подскажите решение, пожалуйста. Спасибо.
  20. Недавно узнал про сервис jsbin.com . Посмотрел. Понравилось. Только вот не могу понять: в видеотуториале открывают какую-то консоль и с помощью команд настраивают внешний вид и добавляют свои библиотеки. Насколько я понял, у автора видеотуториалов Хром. А что за консоль? В фаерфоксе есть что-то похожее? В фаербуге не нашел как вводить команды. Можете подсказать? Вижу тут людей много пользуются этим сервисом, должен хоть кто-то знать.
  21. Привет всем. Заметил, что в firefox выравнивание текста по baseline происходит отлично от других браузеров. Baseline не совпадает на 1px. Вот что я имею ввиду: Кто как с этим борется? Исходник на jsfiddle: http://jsfiddle.net/KtbDU/
  22. Здравствуйте, подскажите, пожалуйста, как сделать что бы в firefox заработало position-relative, display-table:cell и outline. демо код времменое решение: @-moz-document url-prefix() { .block { display: block; outline: none; } } но с таким фиксом картинка не будет центироватся