Firefox — убираем пунктир у ссылок

26.09.2008 | Рубрики: Полезняшки
Тэги: ,

firefox.gif
Всем хорош браузер ФФ (Firefox), все ссылки аккуратно обводит пунктирной линией, чтобы угодить пользователю и показать, как он старается. Иногда даже излишне. Он обводит пунктиром так же и картинки, являющиеся ссылками, и все пункты меню. В последнем случае это выглядит порой не очень красиво и явно лишним.

Чтобы урезонить рыжего, нужно сделать парочку поправок.

Во-первых, чтобы наш собственный сайт у пользователей этого славного браузера не выдавал таких лишних пунктиров, нужно в листе стилей CSS прописать короткое правило:

a, a:active {
outline: none;
}

Которое, собственно, и показывает, что нам этот пунктир и даром не нать.

Во-вторых, чтобы наш собственный лис не показывал нам это дело на других сайтах, то смело залезаем в папку с установленным браузером (обычно по-умолчанию это папка Program Files) и далее по пути:

C:\Program Files\Mozilla Firefox\res\ua.css

Вот в этом самом файле ua.css (да, да, браузер сам пользуется css-файлом!) находим правило:

:-moz-any-link:focus {
outline: 1px dotted invert;
}

и исправляем его таким образом:

:-moz-any-link:focus {
outline: none;
}

Сохраняем, перезапускаем браузер и пользуемся в свое удовольствие! :)

Вебсовет.

Комментарии (22)

  1. мозила 27.09.2008

    Спасибо :-)
    Меня тож эти пунктиры достали уже.

    Ответить

  2. Снайпер 02.10.2008

    Огромное спасибо ато на стенку лез от этих пунктиров! а не знаеш какие слабые места еще есть у ФФ которые я мог пропустить !? Может статью напишиш?

    Ответить

  3. DigitalChaos 04.10.2008

    Давно пользуюсь фирефоксом отличный браузер всем советую

    Ответить

  4. Илья 06.10.2008

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

    Ответить

  5. Игорь Квентор 06.10.2008

    :) Как только, так сразу. Сам я мало пользуюсь ФФ. Обычно лишь проверяю отображение сверстанного сайта. Поэтому пока сильно не вникал в его возможности.

    Ответить

  6. Viggo 08.10.2008

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

    Ответить

  7. Игорь Квентор 09.10.2008

    http://digreez.blogspot.com/2007/08/blog-post_12.html

    и вот еще ссылочка по теме:

    http://paradigm.ru/2008/03/27/href-outline/

    Ответить

  8. sinrow 11.10.2008

    Конечно… каждому свое :-) но меня этот fire fox достал уже конкретно. В сравнении с оперой тормозит. С докачкой и паролями глюки. Вернусь наверное на оперу. У хрома с эти как? Мот на нем еще попробовать?

    Ответить

  9. sinrow 11.10.2008

    а если кому fire fox нравится… то прошу пардона :-)

    Ответить

  10. Лёха 24.10.2008

    sinrow что-то подобное и я хотел написать, но потом уведел, что ты уже настрочил… опередил меня.

    Ответить

  11. Евгений 25.10.2008

    странно, мне файрфокс больше по душе, и по сравнению с оперой - лекговесней. А если поставить пару плагинов, один даже делает похожей на оперу в плане картинок (загрузка только из кеша, догрузка прямо на место в документе), то жить с ним еще легче

    Ответить

  12. Ольга Т. 25.10.2008

    Хм… к слову, в Maxthon-е тоже ссылки точечной рамкой при нажатии обозначиваются. До сих пор не замечала этого, чесслово, хоть и пользую Maxthon уже больше трёх лет.:)

    Ответить

  13. BassEast 06.11.2008

    + для обозревателя вашего сайта, во все свои проекты, в css впихивать это:

    /* Links */
    *|*:-moz-any-link:focus {
    /* Don’t specify the outline-color, we should always use initial value. */
    outline: none;
    }

    Ответить

  14. Тот_Самый 07.09.2009

    Странно, не могу никак понять, как все же правильно применить свойства
    a:active {
    outline: none;
    }
    В CSS файл прописывается это правило, а код ссылки не меняю, она так и остается и все должно работать? У меня как в IE рамка осталась, так и в FF… :( Подскажите, плиз, что я не так делаю?

    Ответить

  15. Игорь Квентор 14.09.2009

    Попробуйте добавить еще вот такое правило:

    a {
    outline: none;
    }

    Ответить

  16. Petrovich 13.10.2009

    Куда лис сохраняет папку избранное и куки? А то переустановил ОС а найти ссылки и куки от старой проги не могу. Помогите плиз……..

    Ответить

  17. Игорь Квентор 14.10.2009

    Petrovich, в любом случае после переустановки ОС придется заново создавать раздел избранного. Как самый подходящий вариант: перед сносом старой ОС сделать экспорт закладок в другой раздел жесткого диска или на болванку. Можно также экспортировать закладки в любой из онлайн сервисов закладок. Куки увы не сохраняются при переустановке ОС.

    Ответить

  18. роман 20.04.2010

    Спасибо, даже не знал что их можно убрать!

    Ответить

  19. lucky_ann 04.06.2010

    спасибо большое) буду знать

    Ответить

  20. катя 06.10.2010

    помогите пожалуйста узнать можно ли один html файл подключать к разным ccs файла одновременно тоесть что кнопки подключенны к одному ccs а все остальное наполнение страницы к другому ccs как эо сделать помогите срочно нужно

    Ответить

  21. Игорь Квентор 07.10.2010

    Катя, а зачем вам это? Можно ведь все наборы правил прописать в одном файле стилей. Кнопкам свои имена, остальным блокам свои. Можно, конечно, и по разным файлам раскидать. Просто в странице делаете несколько ссылок к этим файлам:
    <link rel="stylesheet" href="style1.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="style2.css" type="text/css" media="screen" /> и т.д.

    Только ведь все равно придется и кнопкам и остальным блокам давать уникальные имена, чтобы не возникало конфликтов.

    Ответить

  22. Муся 27.09.2011

    Спасибо, не представляете какое огромное!!!

    Ответить

Трэкбеки

Оставить комментарий