ШПАРГАЛКА ФОРМУЛ ДЛЯ БЛОГА

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	<img align="left" alt="" hspace="30" src="АДРЕС КАРТИНКИ" vspace="10" />
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже.	<img src="АДРЕС КАРТИНКИ" align="left" border="0" />Здесь будет ваш текст
Картинка справа от текста Все, точно также, как и в предыдущем случае. Только картинка окажется справа от текста.	<img src="АДРЕС КАРТИНКИ" align="right" border="0" />
Картинка в центре текста Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.	Здесь будет ваш текст 1 <img src="АДРЕС КАРТИНКИ" align="middle" border="0" /> Здесь будет ваш текст 2
Текст между двух картинок Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.	<table align="center" border="0"><tr> <td><img src="АДРЕС КАРТИНКИ" /></td> <td>Здесь будет ваш текст</td> <td><img src="АДРЕС КАРТИНКИ" /></td> </tr> </table>
Картинка между текстом Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии	<table align="center" border="0"><tr> <td>Здесь будет ваш текст 1</td> <td><img src="АДРЕС КАРТИНКИ" /></td> <td>Здесь будет ваш текст 2</td> </tr> </table>

Понравилась статья? Поделитесь с друзьями!