Sign in Subscribe

CSS

A collection of 8 posts
CSS

Выпадающее меню средствами только CSS

Вместо краткого введения Довольно часто мне требуется ставить на сайты вертикальное меню. И, иногда, заказчики просят сделать так, чтобы подменю раскрывалось не как подпункт, а раскрывалось отдельным блоком правее основного меню, его подменю еще правее и так далее… Я долго искал решения в интернете, но почему то вертикальные выпадающие меню
3 min read
CSS

Кросс-браузерные CSS3

CSS3 Please! Поддерживаемые CSS3-правила: border-radius, box-shadow, linear-gradients, rotation, rgba colors и @font-face. Для совместимости с Internet Explorer используются его встроенные фильтры. CSS3 Generator Поддерживает CSS3-правила: border-radius, shadow, text-shadow, rgba colors, @font-face, multiple columns, box sizing и многое другое. Взято с css3.info
CSS

Вышла предварительная версия Internet Explorer 9

16 марта 2010 года, Microsoft предоставила более подробную информацию о грядущем браузере Internet Explorer 9 и выложила превью версию своего детища. В заявлениях говорится об улучшении поддержки CSS3 селекторов. Так же в них обещается поддрежка CSS3 селекторов, пространства имен, цветов, значений фонов, рамок и шрифтов вкупе с усилением поддержки HTML5
CSS

Колонки одинаковой высоты средствами только CSS

Часто при блочной верстке встает проблема выравнивания колонок по высоте. Обычно используют (по крайней мере я использовал) ява скрипты. Но мне это надоело, тем более что часто при их использовании возникал глюк в IE — при скроле страницы до самого низа, скрипт скролил обратно и в зависимости от версии этого саомго
1 min read
CSS

Таблица конвертации em,px,pt и % в css

В продолжение к предыдущей заметке: так же частенько при верстке приходится переводить значения из одной единицы измерения в другую. Самый лучший способ это сделать — использовать калькулятор, но иногда можно воспользоваться уже готовой таблицей соответствия, при условии, что дефолтный font-size у body (16px) не изменен на другое значение. Кстати, таблица не
1 min read
CSS

IE много не бывает

Как известно, одна из основных задач верстальщика — одинаковое отображение странички в разных браузерах. И тут с мозилой, оперой и, прочими, сафари проблем не возникает, а вот с Internet Explirer’ом придется повозиться, так как в различных версиях IE ваши странички могут выглядеть совершенно по разному! Как же это проверить? Есть
CSS

min-width для IE c помощью CSS и HTML

Долго искал, как задать минимальный размер страницы в IE средствами только CSS+HTML. Наконец то нашел! Автора данного подхода я не знаю, но признаюсь честно — это не я ? CSS выглядит так: .outer { padding: 0px; margin: 0px auto; width: 100%; height: 100%; text-align: left; min-width: 680px; } HTML .minwidth { padding-left: 680px; } HTML