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


Элементы на странице не выровнены - часть 3


Обрежьте лишнее пространство вокруг ваших изображений, и они выстроятся в ровную линию.

Обрежьте лишнее пространство вокруг ваших изображений, и они выстроятся в ровную линию.

(Убедитесь, что вы скорректировали атрибуты width и height тега <IMG> на новые значения.)

Если изображения не совмещаются с текстом так, как вы бы хотели, попытайтесь установить атрибуту align тэга <IMG> значения left, right, top, absmiddle, или baseline. (Для получения дополнительной информации см. раздел "Текст не обтекает вокруг изображения или не выравнивается с ним".)

  • Если у вас проблемы с выравниванием текста, обратитесь к возможностям управления стилями. Например, если ваш текст не выстроен в линию с другими элементами, возможно, это происходит потому, что вы не можете точно установить размер шрифта или выровнять высоту. С помощью CSS вы сможете установить в свойствах font-size и line-height точные значения или количество пикселов. Например, если вы хотите выстроить по одной линии три строки текста с элементом некоторого размера, например изображением высотой 100 пикселов, вы можете в свойствах стиля сделать строки точно по 35 пикселов в высоту. Чтобы установить свойства для одного тэга, например, тэга <P>, используют его атрибут style.
  • Чтобы убрать лишнее пустое пространство между объектами или вокруг параграфов, используйте свойства полей. Установите поля для каждого объекта отдельно, используя свойства margin-left, margin-right, margin-top, и margin-bottom, или поля сразу для всех объектов, установив одно свойство margin.



    Поскольку атрибут hspace создает пространство с обеих сторон изображения, вы, возможно, вместо этого захотите отдельно установить свойства каждого из полей

  • Если вы хотите изменить позиционирование для определенного тэга по всему документу, используйте блок <STYLE> или отдельную таблицу стилей. Приведенный ниже блок <STYLE>, который следует вставить в раздел <HEAD> вашего HTML, чтобы он действовал на всю вашу страницу, выравнивает параграфы по правому краю и оставляет между ними меньше пустого пространства (такого эффекта вы не сможете достичь с помощью одного HTML).




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