CSS/html

Коллекция из 11 постов

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

3 мин чтения

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

Читать далее

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

7 мин чтения

Полезные стили 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

Читать далее

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

1 мин чтения

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

Читать далее

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

1 мин чтения

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

Читать далее

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

1 мин чтения

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

Читать далее

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

1 мин чтения

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

Читать далее

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

9 мин чтения

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

Читать далее

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

1 мин чтения

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

Читать далее

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

1 мин чтения

Долго искал, как задать минимальный размер страницы в 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

Читать далее