0

Две маленькие CSS фичи

Когда я менял тему своего блога я столкнулся с двумя проблемами:

  • Так как у меня на старой теме ширина контента была больше, то в новой у меня картинки попросту вылезают за пределу записи
  • И вторая — Firefox при нажатии вокруг ссылок делает небольшую рамку, что иногда очень сильно раздражает

Немного побродив в интернете я нашел решения этих проблем.

Чтобы решить первую проблему достаточно изображениям присвоить максимальную ширину равную стам процентам. Например, я сделал вот так:

.post img {
max-width:100%;
}

А вот чтобы решить вторую проблему достаточно у ссылок убрать свойство outline. Вот так у меня это выглядит:

A {
 outline: none;
}

И теперь пользователи Firefox не будут видеть на вашем сайте рамки вокруг ссылок.

P.S. А вот если вы пользователь Firefox и не хотите видеть эти рамки нигде, достаточно добавить предыдущий код в файл:

X:\Documents and Settings\Юзверь\Application Data\Mozilla\Firefox\Profiles\ваш профиль\chrome\userContent.css

Copyright © 2009-2012 | Дизайн: Trevor Fitzgerald | Перевод: Антон Рудников