Sign in Subscribe

CSS/html

A collection of 11 posts
CSS

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

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

Полезные CSS3 стили

Полезные стили CSS3, которые можно использовать для верстки макетов для современных браузеров. Например, скругленные края: .box-radius-1{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } Примеры кода и результата далее: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a nibh est. Vestibulum laoreet quam ut lacus congue rutrum. Vestibulum facilisis sem sed
7 min read
CSS/html

Периодическая таблица HTML5 тегов

Сегодня, на просторах Интернета, нашел интересный сайт. Называется он «Periodic Table of the Elements». Суть сайта в том, что он представляет все элементы HTML5 в виде таблицы, очень похожей на таблицу Мендилеева. Одной из интересных фишек сайта является то, что вы можете проверить свой собственный (да и любой другой) сайт
CSS/html

З0-ти летие Пакмена

Вчера весь мир праздновал 30-ти летие Пакмена. 21 мая 1980 года эта всемирно известная игра была запущена в Америке (в японии она была запущена почти на год раньше 10 октября 1979г.) В честь этого знаминательного события, Google сделали логотип в виде игры Пакмен! Кстати стоит заметить, что логотип написан с
CSS

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

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

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

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

Таблица спецсимволов HTML

Часто бывает нужно использовать какие нибудь спецсимволы HTML, типа кавычек -«елочек» (») и подобных копирайтов трейдмарков. Для этих целей, я обычно использую яндекс, чтобы найти таблицы спецсимволов. Мне это надоело, я нашел большую таблицу и решил записать к себе в блокнот. Таблица под катом: Код Имя Символ Описание ®
9 min read
CSS/html

jQuery сниппеты: Equal Column Height

При блочной вёрстке на основе плавающих блоков невозможно выровнять соседние колонки по высоте большей из них. Если, конечно не использовать фальшивых колонок. На помощь как всегда приходит javascript (jQuery): HTML <div style="height:350px;" class="column"></div> <div class="column&
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