[показать]
[показать]

Всё про картинки. Часть 3

Текст на картинку

HTML код:
<div align="center"><table background="АДРЕС КАРТИНКИ"><tr><td valign="bottom" align="center" width="ширина картинки" height="высота картинки"><font face="шрифт текста" size="размер текста" color="#цвет текста">ТЕКСТ.</font></td></tr></table></div>

Пример:

Смотрите на цветы. Минуты не считайте. В цветах повтора нет, от них нельзя устать. Смотрите на цветы. Их как стихи читайте. Прекрасно над цветком в раздумье постоять.

Чтобы текст располагался вверху, нужно заменить в коде valign="bottom" на valign="top"
а заменив на valign="middle", текст будет выровнен по середине.
Пробуйте, эксперементируйте. Количество текста зависит от размера картинки.

Вставляем картинки в рамку с прокруткой

Если хочется показать много картинок и не хочется занимать много места в дневнике, можно показать их компактно, вставив картинки в рамку с прокруткой.


HTML код:
<div style="width: ШИРИНА РАМКИpx; padding: 10px; text-align: center; background: url( 'АДРЕС ВНЕШНЕГО ФОНА');"><div style="background: url('АДРЕС ВНУТРЕННЕГО ФОНА'); overflow: auto; height: ВЫСОТА РАМКИpx;">
Картинка
Картинка
Картинка
Картинка
и т.д.
</div></div>


Пример:

[показать]
[показать]
[показать]