Картинки в тексте

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

Следующий момент - расположение картинки. Тут можно воспользоваться аттрибутом всё того же тега img align и соответственно задать расположение картинки. Не рекомендую размещать картинку в тексте посередине, только если того не требует специальная композиция. Чаще всего распологают по бокам, лучше чередовать. Лево-право, лево-право и так далее.

Граница картинок тоже немаловажна. Не злоупотребляйте шириной и цветом границы. Ширина лучше всего - единица, а цвет - любой нейтральный. Если светлый фон, то чёрная, если тёмный фон, то белая. Не выбирайте для границы таких цветов, как жёлтый, красный, синий, зелёный - цвет всё равно в полной мере виден не будет, и очень сложно подобрать цвет, который бы сочетался. Если подготавливаете изображение в Photoshop'e, то в этом случае можно придерживаться следующего правила. Граница должна быть на 2-3 тона темнее общего цвета картинки. Однако, всё зависит от эффекта, который вы хотите создать.

На этом сегодня всё. До завтра!

Nikitar

 WebDix.ru - сайт журнала о веб-дизайне WebDix

RusForumz.com - форум о веб-дизайне