Изображения и объекты в HTML.

(продолжение)

Добавление пустого пространства вокруг выровненных изображений в HTML.

Если текст обтекает изображение, браузеры позволяют тексту подходить к краю изображения. Обычно лучше, если между изображением и окружающим его текстом будет мало места. В HTML такое пространство указывается при помощи атрибутов vspace и hspace элемента img.

Выравнивание по правому краю без обтекания текстом в HTML.

Если использовать атрибут align=" right" для размещения изображения у правого поля, текст будет автоматически обтекать изображение. Если вы хотите сместить изображение вправо без обтекания, поместите изображение в абзац (р), а затем выровняйте абзац по правому краю. В CSS, чтобы выровнять элемент без обтекания текстом, примените свойство text-align к блочному элементу, содержащему изображение. Атрибут vspace (vertical space, пространство по вертикали) содержит число пикселов пустого пространства над и под выровненным изображением. Пустое пространство слева и справа указывается при помощи атрибута hspace (horizontal space, пространство по горизонтали). Обратите внимание, что такое пространство всегда добавляется симметрично (и сверху и снизу или и справа и слева) и не существует возможности с помощью этих атрибутов указать пространство с конкретной стороны изображения (однако можете это сделать при помощи каскадных таблиц стилей). Предпочтительным CSS-методом для добавления пустого пространства вокруг выровненного изображения (или другого внутристрочного объекта) страниц сайта является просто указание полей вокруг него. Разные свойства margin позволяют указывать разный размер пустого пространства с каждой стороны обтекаемого изображения страниц сайта.

Прекращение обтекания текстом в HTML.

Текст автоматически обтекает изображение (или другой внутристрочный объект), заполняя пространство вдоль его краев. Чтобы прекратить обтекание и начать новую строку от поля (а не от изображения), вставьте разрыв строки br с атрибутом clear < br clear=""/>. Атрибут clear указывает браузеру, где следует поместить новую строку на страницах сайта. Существует три возможных значения: left, right и all. Если изображение выровнено по правому краю, вставьте тег < br clear="right" />, чтобы текст начинался под изображением у правого поля. Если изображение выровнено по левому краю, используйте < br clear="left" />. Элемент < br clear="all" /> начинает текст под изображением, выровненным по обоим полям, так что это единственное значение, которое вам, возможно, понадобится. Предпочтительным CSS-методом для предотвращения обтекания текстом на страницах сайта является применение свойства clear к следующему элементу с указанием стороны, с которой должен начинаться текст под обтекаемыми объектами (left, right или both).

обратно    назад    дальше     продолжение темы