Практика разработки Web-страниц


Текст не обтекает вокруг изображения или не выравнивается с ним


Броузеры обеспечивают некоторую гибкость при размещении на странице текста и изображений одновременно. Вы можете поместить изображение сверху, снизу, посередине или по линии текста. Изображение можно поставить с левой или правой стороны страницы, чтобы текст его обтекал. Можно использовать таблицу для совмещения текста и изображений. Если вы неправильно установили свойства выравнивания, изображения не будут заканчиваться там, где вы хотите, или между текстом и изображениями может не оказаться свободного пространства. В конечном итоге могут появиться проблемы, если посетители будут использовать размер текста или окна, не такой, какой использовался при разработке страницы, так как текст будет по-другому обтекать изображения.

Если ваши изображения и текст не выровнены, сделайте следующее, чтобы вернуть их на место.

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

Изображения и текст по умолчанию располагаются довольно странно. Для разрешения этой проблемы измените выравнивание

увеличить изображение
Изображения и текст по умолчанию располагаются довольно странно. Для разрешения этой проблемы измените выравнивание

  1. Если ваше изображение достаточно маленькое, чтобы соответствовать строке текста, вам, наверное, захочется оставить его там, где оно и стоит. Однако, если вам не нравится то, как изображение выровнено относительно текста по вертикали, если оно находится слишком высоко или слишком низко, попытайтесь изменить выравнивание, присвоив свойству align тэга <IMG> значение middle, top или baseline.

    Если вы используете FrontPage, вы можете изменять расположение и выравнивание изображений без редактирования самого HTML. Щелкните правой кнопкой мыши на изображении, щелкните на строке Picture Properties (Свойства рисунка), нажмите Appearance (Вид) и выделите нужные значения в поле Alignment (Выравнивание).




    Начало  Назад  Вперед