Posts Tagged CSS
Размер шрифтов. Что чему равно
| Points | Pixels | Ems | Percent |
| 6pt | 8px | 0.5em | 50% |
| 7pt | 9px | 0.55em | 55% |
| 7.5pt | 10px | 0.625em | 62.5% |
| 8pt | 11px | 0.7em | 70% |
| 9pt | 12px | 0.75em | 75% |
| 10pt | 13px | 0.8em | 80% |
| 10.5pt | 14px | 0.875em | 87.5% |
| 11pt | 15px | 0.95em | 95% |
| 12pt | 16px | 1em | 100% |
| 13pt | 17px | 1.05em | 105% |
| 13.5pt | 18px | 1.125em | 112.5% |
| 14pt | 19px | 1.2em | 120% |
| 14.5pt | 20px | 1.25em | 125% |
| 15pt | 21px | 1.3em | 130% |
| 16pt | 22px | 1.4em | 140% |
| 17pt | 23px | 1.45em | 145% |
| 18pt | 24px | 1.5em | 150% |
| 20pt | 26px | 1.6em | 160% |
| 22pt | 29px | 1.8em | 180% |
| 24pt | 32px | 2em | 200% |
| 26pt | 35px | 2.2em | 220% |
| 27pt | 36px | 2.25em | 225% |
| 28pt | 37px | 2.3em | 230% |
| 29pt | 38px | 2.35em | 235% |
| 30pt | 40px | 2.45em | 245% |
| 32pt | 42px | 2.55em | 255% |
| 34pt | 45px | 2.75em | 275% |
| 36pt | 48px | 3em | 300% |
Популярность: 19% [?]
Хад для IE8
Эту строчку нужно добавить в самом конце опции стиля \0/
Например:
.example {
width: 500px;
width : 500px\0/;
}
И все будет окай
Популярность: 33% [?]
Определяем видимость элемента на странице
Posted by admin in CSS, JavaScript, Заметки on 14.08.2010
Для того чтобы в JS проверить виден ли объект, нужно проверить его offsetHeight, если он равен 0 (ноль), то элемент скрыт.
Мне на заметку тоже. Кстати код кроссбаузерный
Популярность: 43% [?]
Генератор HTML+CSS шаблонов
Не могу упустить возможность, чтобы не упомянуть про замечательный генератор HTML+CSS шаблонов.
Очень сильно понравилось, а главное очень просто в использовании!
Популярность: 77% [?]
Хак для IE6 и для IE7
Всем верстальщикам приходилось бороться с этими проклятыми браузерами, было потрачено много сил и «энергии», а самое главное это нервов. И в конце концов приходилось применять различные хаки.
Так вот в этой заметке я упомяну про один, ну по крайней мере до сегодня не известный для меня хак. Этот хак обычная запятая(,). Да да именно запятая. Заметил это совершенно случайно верстая клиенту сайт и для нескольких блоков хотел задать другой цвет текста.
Демо в пример. Во всех браузерах цвет текста серый, а в IE6 и IE7 зеленый
Популярность: 26% [?]
Проблема с отступами IE6
Скажу о том, что речь идет о проблеме плавающих блоков, когда им задается margin слева или справа, в IE фактическое значение этих отступов удваивается, так вот, для того, чтобы решить эту проблеме блоку нужно добавить свойство display: inline.
Популярность: 28% [?]
Type Folly очень простой css редактор
Тяжело не поделится этим чудом http://www.typefolly.com/. Это именно то что нужно начинающиму верстальщику.
P.S. Меня очень сильно порадовала работа со шрифтами
Популярность: 31% [?]
Уравнивание высоты блока с помощью JavaScript
Posted by admin in JavaScript on 10.03.2010
Вот вчера сидя на работе, верстал дизайн одной велокомпании, и столкнулся с проблемой, проблема уравнивания блока. Если не понятно, то сейчас все поясню.
У меня есть изображение, которое должно заливать центральный блок контейнера (<div id="container">) по оси -y- (background: repeat-y;). У этого блока есть минимальная высота, она равна двум высотам изображениям 326px (высота изображения = 163px) . Вот это изображение
И есть второй блок подвал (<div id="footer">), в котором находится я бы сказал ключевое изображение дизайна. Вот это изображение. Я думаю тут должно быть все понятно, эти изображения должны совпасть. совпадают они только тогда, блок кратен 163px.
Популярность: 94% [?]
Создаем раздвижную панель с помощью CSS и jQuery
Мы все чаще и чаще видим людей использующих на своих сайта горизонтально раздвижные панели. Зачастую все это выглядит очень привлекательно. Используются такие панели чаще всего в форме контактов, обратной связи.
Отмечу сразу что такие панели не очень хорошо влияют на юзабилити, но для красоты и подчеркивания индивидуальности вашего блога (сайта) они сделают свое дело.
План действий:
нам будут нужны такие файлы
- index.html
- style.css
- фраймворк jQuery (скачать здесь)
- изображения, есть в архиве с уроком ()
ну еще я дум нам понадобятся умелые руки 
Популярность: 100% [?]
3D глубина с помощью CSS3
В современном дизайне сайтов очень часто используется этот прием. Давайте посмотрим на него в близи
Популярность: 45% [?]
Опросы
Загрузка ...