Архив за ‘CSS’ Рубрик

Css свойство position: куда полетим?

Вторник, Февраль 2, 2010 18:48 6 комментариев

Доброго времени суток. По просьбе читателей, сегодня я расскажу о css свойстве position. Многие верстальщики пользуются этим свойством как position: absolute или position: relative, но большинство начинающих даже не догадываются о том, что у этого свойства есть еще три значения.

Рубрики: CSS Tags: , , ,

Css свойство z-index — вся правда

Четверг, Январь 14, 2010 19:17 6 комментариев

Css свойство z-index не похоже на какие-либо другие css свойства. Многие разработчики, сталкиваясь с ним, приходили в замешательство из-за не правильного использования. Однако, когда вы поближе познакомитесь с z-index, вы поймете, что это свойство очень простое и предлагает эффективный метод решения многих задач верстки.

Рубрики: CSS Tags: , , , , ,

Сбрасываем стандартные css стили браузеров

Понедельник, Октябрь 26, 2009 17:52 5 комментариев

Браузер по своему определяет css стили для html элементов. Чтобы обнулить и сохранить кроссбраузерность верстки, появилась нужда сбрасывать стандартные браузеровские css стили.

Рубрики: CSS Tags: , , , ,

Динамическое вертикальное меню

Суббота, Май 9, 2009 9:53 6 комментариев

Это простой урок, расскажет Вам, как с помощью минимальных знаний в области CSS и HTML а так же JavaScript, можно создать вертикальное меню, с вложенными разделами.

Рубрики: CSS, Java, html, Оформление

Масштабируемая картинка на фоне сайта или резиновый фон

Воскресенье, Март 22, 2009 16:00 27 комментариев

Озадачился вопросом, как сделать резиновый фон. Дизайнеры, они ведь не всегда знают основных правил верстки, им лишь бы сделать. Сколько макетов теряется при этом... Эх.
Картинка на фоне должна сужаться и растягиваться по мере изменения окна браузера. Каркас из двух колонок. Минимальная ширина 1000px. Это все мы рассмотрим сегодня.

Рубрики: CSS, Web-developer, html Tags: , , , , , ,

Активация .gif при наведении курсора с помощью CSS

Четверг, Февраль 19, 2009 20:40 12 комментариев

Озадачился вопросом. Нужно было воспроизводить gif анимацию при наведении на нее курсора. Желательно без JavaScript!
Этот метод был изобретен в 90-х годах, однако он до сих пор популярен. Все что нужно для этого урока, так это 1 картинка статичная, 2 gif анимация (одинакового размера и фона), руки и мозК!
Создаем картинку и помещаем ее внутрь тега [...]

Рубрики: CSS, Web-developer Tags: , , , ,

Как прижать подвал(футер) к низу?

Воскресенье, Февраль 15, 2009 11:42 18 комментариев

Прижать подвал(футер) к низу экрана в IE? Хоть убейте, ну не знал я как прижать к низу. Ах да, забыл, речь идет о блочной верстке. Я пользовался таблицами, но тогда верстка теряет чистоту. Поэтому этот вариант меня не устраивал. Поиски в google ничего не принесли, только лишь не кроссбраузерные варианты.
Но нашелся человек, который [...]

Рубрики: CSS, Web-developer, html Tags: , , , , , , ,

+3 новые jQuery технологий

Суббота, Февраль 7, 2009 15:21 3 комментария

Библиотеки JavaScipt значительно облегчили жизнь web-разработчикам и позволяет более быстро разрабатывать свои продукты.  jQuery — одна из самых популярных фреймворков JavaScript, с сильными инструментами, которые улучшают взаимодействие пользователя с web-приложениями. у jQuery есть дополнительное преимущество, в котором он позволяет разработчикам выбирать элементы на странице, используя CSS синтаксис.
Ниже представлены, некоторые новые разработки на jQuery, которые вы можите использовать у себя на сайте/блоге.

Рубрики: CSS, jQuery, Оформление Tags: , , ,

Плавное изменение высоты у объекта

Вторник, Январь 27, 2009 21:19 28 комментариев

Речь пойдет о том, как сделать плавное видвижение объекта по средствам изменения высоты.
Посмотреть пример: size-chooser.html.
Посмотреть пример с картинкой: size-img.html.
Делается это посредством jQuery и пару строк JavaScript'a.

Рубрики: CSS, Web-developer, html, jQuery, web-design Tags: , , , , , ,

Подстраиваем блоки по ширине и положению

Понедельник, Январь 26, 2009 12:00 5 комментариев

Взгляните на поиск картинок у Google, Yandex и т. п. Потом поиграйте с шириной экрана. Видите как это? Вот я хочу вам показать, как это реализовывается.

Рубрики: CSS, Web-developer Tags: , , , , , , ,