Архив за ‘CSS’ Рубрик
Css свойство position: куда полетим?
Вторник, Февраль 2, 2010 18:48 6 комментариевДоброго времени суток. По просьбе читателей, сегодня я расскажу о css свойстве position. Многие верстальщики пользуются этим свойством как position: absolute или position: relative, но большинство начинающих даже не догадываются о том, что у этого свойства есть еще три значения.
Css свойство z-index — вся правда
Четверг, Январь 14, 2010 19:17 6 комментариевCss свойство z-index не похоже на какие-либо другие css свойства. Многие разработчики, сталкиваясь с ним, приходили в замешательство из-за не правильного использования. Однако, когда вы поближе познакомитесь с z-index, вы поймете, что это свойство очень простое и предлагает эффективный метод решения многих задач верстки.
Сбрасываем стандартные css стили браузеров
Понедельник, Октябрь 26, 2009 17:52 5 комментариевБраузер по своему определяет css стили для html элементов. Чтобы обнулить и сохранить кроссбраузерность верстки, появилась нужда сбрасывать стандартные браузеровские css стили.
Динамическое вертикальное меню
Суббота, Май 9, 2009 9:53 6 комментариевЭто простой урок, расскажет Вам, как с помощью минимальных знаний в области CSS и HTML а так же JavaScript, можно создать вертикальное меню, с вложенными разделами.
Масштабируемая картинка на фоне сайта или резиновый фон
Воскресенье, Март 22, 2009 16:00 27 комментариев
Озадачился вопросом, как сделать резиновый фон. Дизайнеры, они ведь не всегда знают основных правил верстки, им лишь бы сделать. Сколько макетов теряется при этом... Эх.
Картинка на фоне должна сужаться и растягиваться по мере изменения окна браузера. Каркас из двух колонок. Минимальная ширина 1000px. Это все мы рассмотрим сегодня.
Активация .gif при наведении курсора с помощью CSS
Четверг, Февраль 19, 2009 20:40 12 комментариев
Озадачился вопросом. Нужно было воспроизводить gif анимацию при наведении на нее курсора. Желательно без JavaScript!
Этот метод был изобретен в 90-х годах, однако он до сих пор популярен. Все что нужно для этого урока, так это 1 картинка статичная, 2 gif анимация (одинакового размера и фона), руки и мозК!
Создаем картинку и помещаем ее внутрь тега [...]
Как прижать подвал(футер) к низу?
Воскресенье, Февраль 15, 2009 11:42 18 комментариев
Прижать подвал(футер) к низу экрана в IE? Хоть убейте, ну не знал я как прижать к низу. Ах да, забыл, речь идет о блочной верстке. Я пользовался таблицами, но тогда верстка теряет чистоту. Поэтому этот вариант меня не устраивал. Поиски в google ничего не принесли, только лишь не кроссбраузерные варианты.
Но нашелся человек, который [...]
+3 новые jQuery технологий
Суббота, Февраль 7, 2009 15:21 3 комментария Библиотеки JavaScipt значительно облегчили жизнь web-разработчикам и позволяет более быстро разрабатывать свои продукты. jQuery — одна из самых популярных фреймворков JavaScript, с сильными инструментами, которые улучшают взаимодействие пользователя с web-приложениями. у jQuery есть дополнительное преимущество, в котором он позволяет разработчикам выбирать элементы на странице, используя CSS синтаксис.
Ниже представлены, некоторые новые разработки на jQuery, которые вы можите использовать у себя на сайте/блоге.
Плавное изменение высоты у объекта
Вторник, Январь 27, 2009 21:19 28 комментариев Речь пойдет о том, как сделать плавное видвижение объекта по средствам изменения высоты.
Посмотреть пример: size-chooser.html.
Посмотреть пример с картинкой: size-img.html.
Делается это посредством jQuery и пару строк JavaScript'a.
Подстраиваем блоки по ширине и положению
Понедельник, Январь 26, 2009 12:00 5 комментариевВзгляните на поиск картинок у Google, Yandex и т. п. Потом поиграйте с шириной экрана. Видите как это? Вот я хочу вам показать, как это реализовывается.