Изображения и объекты в 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).


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

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