Рубрика «Рабочие заметки»

4
1 2 3 4 5 6 7 8 9 10

Универсальный селектор

11 апреля 2010. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

6. Твой CSS начинается со строчек * {padding:0; margin:0;}

«16 признаков крутого верстальщика», Максим Покровский

Символ * в css называется универсальным селектором (universal selector). Универсальность состоит в том, что он означает любой элемент: правило, которое начинается с этого селектора, относится ко всем элементам страницы.

Какие объявления стоит и какие не стоит указывать в этом правиле? Например, полезны те, которые приведены в эпиграфе:

*{
margin:0; 
padding:0;
}

Такое правило обнуляет поля и отступы у всех элементов на странице. Полезное правило: у элемента могут быть ненулевые дефолтовые значения, создающие в дальнейшем путаницу. Кстати, они могут быть разными у разных браузеров. (далее…)

Отзывов (15) »

Глюки и хаки: ie7

28 февраля 2010. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

IE7 «порадовал» меня необъяснимым глюком. Без видимой причины вдруг пункты в нумерованном списке (ol) стали нумероваться одним и тем же первым номером. Видимой причины такого поведения не было, пришлось искать методом исключения. Причина нашлась, и выглядела она так:

li{
  min-height:1.2em;
}

Это правило потребовалось для Фаерфокса, который «схлопывает» пустые строки в списке (только номера друг на друга наезжают). Предполагалось, что администратор сайта имеет право делать в списке пустые пункты, значит, должны быть пустые строки. С номерами. Пустые строки появились, а седьмой ИЕ перестал нумеровать список. Пришлось написать хак специально для него, родимого:

li{
  min-height:auto;
}

Надо сказать, что шестой и восьмой ИЕ глюк своего собрата не разделяют. А я так и не поняла, какую связь он нашёл между высотой строки и её номером в списке.

Отзывов (4) »

Настройка стилей для Mozilla Firefox (3, дополнение)

13 декабря 2009. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Продолжение

Примеры кода, с помощью которого можно настроить под себя известные сайты. (далее…)

Отзывов (4) »

Настройка стилей для Mozilla Firefox (3)

6 декабря 2009. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Продолжение

Индивидуальные настройки Фаерфокса позволяют изменить «под себя» внешний вид часто посещаемых сайтов — разумеется, в сторону улучшения и удобства пользования. (далее…)

Отзывов (13) »

Настройка стилей для Mozilla Firefox (2)

29 ноября 2009. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Итак, что можно сделать собственными стилями браузера Фаерфоркс? Поскольку Фаерфокс понимает селекторы атрибутов, сделать можно много. Например. (далее…)

Отзывов (9) »

Настройка стилей для Mozilla Firefox

22 ноября 2009. Рубрики: Интернет, Рабочие заметки; автор — Юлия Панина aka Княгиня.

Немного о настройках браузера Фаерфокс (Mozilla Firefox). О том, как подключить пользовательские скрипты к браузеру Мозилла Фаерфокс я писала, теперь о подключении к нему же пользовательских стилей.

Что можно сделать пользовательскими стилями? Например:

  1. Настроить отображение содержания сайтов, в том числе убрать рекламные баннеры.
  2. Настроить под себя внешний вид часто посещаемых сайтов.
  3. Настроить вид самого Фаерфокса.

Собственные стили Фаерфокса находятся в файлах chrome/userContent.css и chrome/userChrome.css. Папка chrome располагается в профиле браузера (по умолчанию для Windows XP это /Documents and Settings/Имя_пользователя/Application Data/Mozilla/Firefox/Profiles/Название_профиля). В папке обычно находятся файлы userChrome-example.css и userContent-example.css, которые можно переименовать и использовать для создания своих стилей. Первый предназначен для работы с оформлением браузера, а второй — для стилей сайтов.

Иногда можно встретить рекомендацию размещать пользовательские стили в файлы /Program Files/Mozilla Firefox/res/*.css, но лучше этого не делать: при обновлении браузера эти файлы перезаписываются, и всё персональные настройки пропадают.

Правила css, добавленные в chrome/userContent.css и chrome/userChrome.css, вступают в силу после перезагрузки браузера.

Продолжение

Отзывов (7) »

Графическое оформление кнопок

25 октября 2009. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Небольшая шпаргалка, как оформить кнопку в виде картинки. Вообще-то для этого есть <input type="image" />, но бывает, что код кнопки находится в недоступном для редактирования файле. И тогда в ход идёт ловкость рук и css. (далее…)

Отзывов (5) »

1 2 3 4 5 6 7 8 9 10