Свойство border-image — Как сделать графическую границу

border-image-1

Итак, мы продолжаем серию статей по CSS. В предыдущей статье мы с Вами рассмотрели применение CSS свойств границы (border) элементов страницы. И я обещал Вам, что расскажу о том, как использовать для прорисовки границ — картинки. Об этом и пойдет сегодня речь.

Чтобы использовать изображения для построения границ будем использовать CSS cвойство border-image.

Толщина границ задается свойством border, при этом если указано border: 0, то рамка не выводится. При других значениях border рисунок всегда имеет приоритет. Фон, если он задан через свойство background, отображается под рамкой.

Читать полностью

Комментарии отключены

Как защититься от ушлых продавцов

манипуляции-продавцов

Здравствуйте, друзья!

На днях в одной из рассылок получил довольно интересную статью. Предлагаю Вам ознакомиться:

Сейчас запросто встретить ушлых ребят, которые начитались книжек по жестким продажам и готовы ломать волю первому встречному. Я за защиту от таких деятелей. Поэтому в этой рассылке поделюсь с вами техниками манипуляций. Учитесь защищаться сами и не дайте друзьям попасться на крючок.

Читать полностью

Комментарии отключены

Использование границ (border) при верстке

border

Всем привет!

Сегодня я хочу поговорить с Вами об одном очень эффективном инструменте, который очень прост, но в то же время позволяет придать элементам Вашего сайта неповторимости.
Мы будем говорить о границах (border).

До сих пор многие верстальщики используют картинки для верстки границ элементов, скругленных углов и т.д. Сейчас нет необходимости использовать эти сложные приемы. Современные таблицы стилей CSS способны при помощи короткого кода придать границам элементов нужный дизайн.

Но давайте обо всем по порядку.

Читать полностью

Комментарии отключены

Управление размером фонового изображения при помощи css

background-size

Одним из наиболее часто используемых при верстке сайтов css-свойств является свойство фона элемента страницы (background). Сегодня мы поговорим с Вами о том, как можно изменять размеры фонового изображения при помощи CSS.

В более старой версии CSS 2.1 фоновая картинка, применяемая к контейнеру, сохраняла свои фиксированные размеры. Изменить размеры фоновой картинки было нельзя. К счастью, в CSS3 введено свойство background-size, с помощью которого фон может быть растянут или сжат.

Читать полностью

Комментарии отключены

Высота и ширина элемента в CSS, использование префиксов min и max

height-и-width

При работе с каскадными таблицами стилей css, одними из наиболее часто используемых свойств являются свойства height (высота) и width (ширина). Они применяются к блочным элементам. Высота и ширина не включают толщину границ вокруг элемента, значение отступов и полей.

Если содержимое блока превышает указанную высоту, то высота элемента останется неизменной, а содержимое будет отображаться поверх него. Из-за этой особенности может получиться наложение содержимого элементов друг на друга, когда элементы в коде HTML идут последовательно. Чтобы этого не произошло, добавьте overflow: auto к стилю элемента. Это добавит к элементу полосу прокрутки.

Читать полностью

Комментарии отключены

Сайт — резиновый или фиксированный...

резиновый сайт

Здравствуйте, друзья!

Сегодня я хотел поговорить с Вами про два разных типа дизайна сайтов: резиновый и фиксированной ширины.

Часто начинающие веб-мастера не знают о существовании этих типов дизайна, и тем более, чем они отличаются. Сегодня мы восполним этот пробел.

Я расскажу Вам о достоинствах и недостатках обоих типов дизайна. Но сначала давайте поговорим о том, что это вообще такое и как их отличить.

Читать полностью

3

Карта сайта — зачем нужна и как сделать. Часть 2

карта-сайта

Всем привет!

Вчера мы с Вами узнали как сделать на сайте XML карту сайта, то есть карту для поисковиков. Сегодня же рассмотрим создание HTML карты сайта, то есть карты «для людей».

HTML карта сайта нужна для того, чтобы пользователь мог понять структуру Вашего сайта: Какие на нем есть разделы, что за статьи в них публикуются и т.д. Она является своего рода путеводителем по Вашему сайту.

Многие думают: «Да зачем она нужна... И без нее нормально все работает...» Так то оно так, но для удобства пользователей я все-таки рекомендую Вам сделать у себя на сайте HTML карту.

Читать полностью

Комментарии отключены