3
Июл
2009
Июл
2009
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